抽离第三方包时报错webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitC

2020-12-29 05:27

阅读：1284

标签：pat back rgba moved instead rgb node pack webp

1、抽离第三方包时报错webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.

技术图片

2、经查证又是因为版本问题重新编写配置

技术图片

与 plugins 同级添加

optimization: {

　　splitChunks: {

　　　　cacheGroups: {

　　　　　　vendor: {

　　　　　　　　test: /[\\/]node_modules[\\/](react|react-dom)[\\/]/,

　　　　　　　　name: ‘vendor‘,

　　　　　　　　filename: ‘vendors.js‘,

　　　　　　　　chunks: ‘all‘,

　　　　　　}

3、重新打包再次报错

技术图片

4、webpack提供了占位符【name】来确定每一个文件名是唯一的：

output: {

　　path:path.join(__dirname, ‘./dist‘), //指定输出文件的存放路径

　　filename: ‘[name]index.js‘ //指定输出文件的的名称

}

抽离第三方包时报错webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.

标签：pat back rgba moved instead rgb node pack webp

原文地址：https://www.cnblogs.com/zhuzijiang/p/13814950.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：抽离第三方包时报错webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitC
文章链接：http://soscw.com/index.php/essay/38983.html

亲，登录后才可以留言！