webpack4中 CommonsChunkPlugin 配置多个文件缓存时如何配置？

Question

目前正在啃 webpack 的入门教程，然而，下载的却是 webpack4 听说跟目前主流的 webpack3 区别还挺大的，比如目前在啃的 Caching，里面有个例子:

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

单个的时候我是知道怎么配置的，但是多个时，就不懂如何下手了。

optimization: {
  splitChunks: {
      name: "manifest"
    }
  },

sokra/RIP CommonsChunkPlugin.md 上也有挺多人问的。

谢谢。

Answer 1

cacheGroups

Answer 2

看了一篇介绍文章，CommonsChunkPlugin要在4.0版本被移除了

https://zhuanlan.zhihu.com/p/...

目前webpack文档严重过时，老外也很多不满的

https://www.reddit.com/r/java...

Answer 3

The CommonsChunkPlugin has been removed in webpack v4 legato. To learn how chunks are treated in the latest version, check out the SplitChunksPlugin.

Answer 4

// webpack.config.js
optimization: {
  splitChunks: {
    cacheGroups: {
      commons: {
        name: 'commons',
        priority: 10,
        chunks: 'initial'
      },
      styles: {
        name: 'styles',
        test: /\.css$/,
        chunks: 'all',
        minChunks: 2,
        enforce: true
      }
    }
  }
}

https://segmentfault.com/a/11...

Answer 5

官网已经说明了：

还是看官网最新文档比较好：https://webpack.js.org/guides...