关于webpack.optimize.SplitChunksPlugin的详细用法

minSize(默认是30000)：形成一个新代码块最小体积；
minChunks(默认是1)：在分割之前，这个代码最小应该被引用的次数（注：保证代码块复用性，默认配置的策略是不需要引用也可以被分割）；
maxInitialRequests(默认是3)：一个入口最大的并行请求数；
maxAsyncRequests(默认是5)：按需加载时候最大的并行请求数；
chunks(默认是async)：表示显示块的范围，有三个可选值：initial(初始块)、async(按需加载块)、all(全部块)，默认为all；
test：用于控制哪些模块被这个缓存组匹配到。原封不动传递出去的话，它默认会选择所有的模块。可以传递的值类型：RegExp、String和Function；
name(打包的chunks的名字)：字符串或者函数（函数可以根据条件自定义名字）；
priority：缓存组打包的先后优先级。

new webpack.optimize.SplitChunksPlugin({
chunks: “initial”, // 必须三选一： “initial” | “all”(默认就是all) | “async”
minSize: 0, // 最小尺寸，默认0
minChunks: 1, // 最小 chunk ，默认1
maxAsyncRequests: 1, // 最大异步请求数， 默认1
maxInitialRequests: 1, // 最大初始化请求书，默认1
name: function () {
}, // 名称，此选项可接收 function
cacheGroups: { // 这里开始设置缓存的 chunks
priority: 0, // 缓存组优先级
vendor: { // key 为entry中定义的 入口名称
chunks: “initial”, // 必须三选一： “initial” | “all” | “async”(默认就是异步)
name: “vendor”, // 要缓存的 分隔出来的 chunk 名称
minSize: 0,
minChunks: 1,
enforce: true,
maxAsyncRequests: 1, // 最大异步请求数， 默认1
maxInitialRequests: 1, // 最大初始化请求书，默认1
reuseExistingChunk: true // 可设置是否重用该chunk（查看源码没有发现默认值）
}
}
}),

//optimization与entry/plugins同级
optimization: {
        splitChunks: {
            cacheGroups: {
                commons: {
                    name: “commons”,
                    chunks: “initial”,
                    minChunks: 2
                }
            }
        }
    },
————————————————
版权声明：本文为CSDN博主「十方魔」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/github_36487770/article/details/80228147