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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值