weixin_43990297的博客

package.json中^符号和~符号前缀的区别node的各种包都有版本控制，迭代都非常快，版本号经常由三个数字来表示迭代，比如 "vue": "^2.6.10", "vuedraggable": "^2.24.1", "vuex": "^3.1.1", "webpack-merge": "~4.2.2"对应上面的版本号以 x.y.z ：为例子z ：表示一些小的bugfix, 更改z的号，y ：表示一些大的版本更改，比如一些API的变化x ：表示一些设计的变动及模块的重构之

webpack它是一个静态模块打包器，当webpack处理应用程序的时候，它会递归的构建应用中的各个模块的依赖关系，形成一个依赖关系图，然后将所有模块打包成一个或多个bundle它会根据主入口配置，从主入口出发，识别代码中所有的导入语句，递归的找出所有依赖，将入口和其依赖打包到一个单独的文件中 默认支持js、json文件， 支持COMMON esmodel AMD等模块类型核心概念chunk代码块，一个chunk可能由多个模块组成，可以理解为主入口文件，其他依赖资源为modulebundl

在react脚手架中修改配置有两种方式使用npm eject 命令 将配置弹出来（不推荐，不优雅）使用customize-cra 来新增一个config-overrides.js文件 来进行项目配置接下来，主要使用第二种方式把一些项目开发中常见配置给记录一下首先 先安装 必要的两个依赖yarn add custom-cra react-app-rewired -dev 然后，修改package.json的配置"scripts": { "start": "react-app-r

前端将vue路由模式改为history模式后需要运维配置才能正常访问，配置信如下 location / { root html; index index.html index.htm; try_files $uri $uri/ @rewrites; } location @rewrites { rewrite ^(.+)$ /index.html last;

vue-cli2.0版本我们在先在package.json在新增自定义打包命令，名字可以随意起。 "scripts": { "dev": "webpack-dev-server --inline --progress --host 0.0.0.0 --config build/webpack.dev.conf.js", "start": "npm run dev", "build:test": "node build/build-test.js", // 这是我定义的测试环境

首先，先下载依赖npm i uglifyjs-webpack-plugin@1.1.1 --save-dev然后在vue.config.js文件里面进行如下配置const UglifyJsPlugin = require("uglifyjs-webpack-plugin")module.exports = { publicPath: BASE_URL, css: { // 配置css...

在项目开发中，使用vuex，如果项目过大，vuex就需要模块化，但是如果module分的过多，我们就需要在store的index.js中一个个引入，这样未免太麻烦，所以webpack出来了个配置，可以解决这个问题，无需多次引入，懒癌患者福音，以下是解决方案import Vue from 'vue'import Vuex from 'vuex'import getters from './...