因为vue全家桶vue-cli2.0仅支持 webpack3.6.0.需要手动升级 webpack4 提升打包效率。
1.手动升级 webpack webpack-cli(webpack4需要项目依赖中安装该依赖)。
"webpack": "^4.26.0",
"webpack-bundle-analyzer": "^3.6.0",
"webpack-cli": "^3.3.10",
"webpack-dev-server": "^3.9.0", //必须同步升级
"html-webapck-plugin": "3.2.0"
"webpack-merge": "^4.1.4",
"webpack-parallel-uglify-plugin": "^1.1.2" //用于使用多线程压缩js。因为node是单线程的会阻塞 js压缩
错误: Connot find module ‘webpack-cli/bin/config -yargs webpack与webpack-dev-server版本不匹配导致
安装依赖过程中出现了 依赖版本不匹配的问题,使用npm audit fix
2.webpack4 需要加入 模式配置
在webpack-base-config.js 输出对象中添加
mode: process.env.NODE_ENV === 'production' ? 'prod