将公共的依赖模块提取到已有的入口 chunk 中,或者提取到一个新生成的 chunk

官方文档上是用插件:

new webpack.optimize.CommonsChunkPlugin({
       name: 'common' // 指定公共 bundle 的名称。
    })
但报错:webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead
webpack4无此插件配置,应该使用配置化生成:
在entry的同级增加以下配置:
 
optimization: {
    splitChunks: {
        cacheGroups: {
            commons: {
                name: "commons",
                chunks: "initial",
                minSize: 1
            }
        }
    }
}
 
原文地址:https://www.cnblogs.com/yifamily/p/11669527.html