vue-cli全家桶脚手架项目构建工具webpack3升级4

因为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