没有webpack.optimize.CommonsChunkPlugin，解决办法。

最新推荐文章于 2023-09-25 10:22:21 发布

静默思想

最新推荐文章于 2023-09-25 10:22:21 发布

阅读量1.9k

点赞数 1

分类专栏： js webpack

本文链接：https://blog.csdn.net/weixin_41871290/article/details/81200229

版权

53 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

今天在对着webpack中文指南一点点敲demo，在代码分离这一节遇到了一个报错：

在webpack.config.js改了一下代码：

//optimization与entry/plugins同级

optimization: { splitChunks: { cacheGroups: { commons: { name: "commons", chunks: "initial", minChunks: 2 } } } },

稍微解释一下含义

cacheGroups is an object where keys are the cache group names. All options from the ones listed above are possible: chunks, minSize, minChunks, maxAsyncRequests, maxInitialRequests, name. 可以自己设置一组一组的cache group来配对应的共享模块
commons里面的name就是生成的共享模块bundle的名字
With the chunks option the selected chunks can be configured.
chunks 有三个可选值，”initial”, “async” 和 “all”. 分别对应优化时只选择初始的chunks，所需要的chunks 还是所有chunks 。
minChunks 是split前，有共享模块的chunks的最小数目，默认值是1，但我看示例里的代码在default里把它重写成2了，从常理上讲，minChunks = 2 应该是一个比较合理的选择吧。

关注