webpack关于CommonsChunkPlugin在高版本被移除的替代方案问题

1.在指南的缓存章节里
webpack.config.js文件中，使用new的方法会报错


  const webpack = require('webpack');
  + new webpack.optimize.CommonsChunkPlugin({ + name: 'vendor' + }), new webpack.optimize.CommonsChunkPlugin({ name: 'manifest' }) 

 会提示CommonsChunkPlugin已被移除出webpack

 检查已经下载的webpack模块，确实没有这个以c开头的文件了，不过官网也给出了解决的方案，去查找SplitChunksPlugin组件

vendor和manifest需要分开写键值对在cacheGroups中

 

optimization: {
    splitChunks: {
        cacheGroups: {
            vendor: {
                name: 'vendor',
                chunks: 'initial',
                minChunks: 2
            },
            manifest: {
                name: 'manifest',
                chunks: 'initial',
                minChunks: 2
            }
        }
    }
},
manifest是我照着加的，用npm run build跑了一下没有什么问题
这就是我总结的替代多个new webpack.optimize.CommonsChunkPlugin的方案，希望能够有所帮助。

扫描二维码关注公众号，回复： 7984227 查看本文章