Webpack3.x->Webpack4.x升级记录
条评论本篇目录:
- 先升级webpack-cli
- 遇到的问题
- 问题1:compilation.mainTemplate.applyPluginsWaterfall is not a function
- 问题描述
- 暂时解决方案
- 问题2:Use Chunks.groupsIterable and filter by instanceof Entrypoint instead
- 问题描述
- 解决方案
- 问题3:webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.
- 问题描述
- 解决方案
- 附注
- 问题1:compilation.mainTemplate.applyPluginsWaterfall is not a function
- 小结
先升级webpack-cli
执行命令如下:1
2
3
4npm install webpack-cli -D
或者
npm install -g yarn
yarn add webpakc-cli -D
遇到的问题
问题1:compilation.mainTemplate.applyPluginsWaterfall is not a function
问题描述
暂时解决方案
1 | yarn add webpack-contrib/html-webpack-plugin -D |
相关讨论参照这里
问题2:Use Chunks.groupsIterable and filter by instanceof Entrypoint instead
问题描述
解决方案
1 | 去除,require(‘extract-text-webpack-plugin’)的引用 |
或者
1 | npm install extract-text-webpack-plugin@next |
问题3:webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.
问题描述
解决方案
4.x中已经删除CommonsChunkPlugin,替换成了splitChunks,这里有相关介绍内容
去除new webpack.optimize.CommonsChunkPlugin
,修改为
1 | optimization: { |
附注
optimization参数介绍
1 | optimization: { |
小结
本篇参照资料: