最近webpack升级到4了,关于webpack4较之前版本的改变我就不赘述了,分享一下自己从3升级到4遇到的问题,以及解决方法:
1、webpack升级之后会再次打包之后会报错,提醒哪个包有问题,只需要按照报错升级对应的包就可以
2、如果你的node版本太低的话,需要升级一下node版本,webpack支持6.11.5及以上版本
3、关于生产环境和开发环境加上mode:development/production,就可以将之前的UglifyJsPlugin就可以删掉了,生产环境会自动启用uglifyjs对代码进行压缩
4、如果你用了extract-text-webpack-plugin,webpack4还是支持的,extract-text-webpack-plugin版本要升级到4.0.0-beta.0,不过以后可能会迁移到mini-css-extract-plugin;有兴趣的可以自己换一下。
这个时候你打包的时候也可能会遇到一个报错: EnteryPoint:extract-text-webpack-plugin-file-output == undefined(大概是这么个错误),并不是webpack4不支持这个包了,在config中加上:stats: { children: false },
5、
这个报错的解决办法:
{ test: /\.json$/, exclude: /node_modules/, type: 'javascript/auto', // 加上type loader: 'json-loader'},
我自己升级了这些:
大概就是这些吧,希望我踩的这些坑对你们有些帮助