鍍金池/ 問(wèn)答/HTML/ webpack4中 CommonsChunkPlugin 配置多個(gè)文件緩存時(shí)如何

webpack4中 CommonsChunkPlugin 配置多個(gè)文件緩存時(shí)如何配置？

目前正在啃 webpack 的入門(mén)教程，然而，下載的卻是 webpack4 聽(tīng)說(shuō)跟目前主流的 webpack3 區(qū)別還挺大的，比如目前在啃的 Caching，里面有個(gè)例子:

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

單個(gè)的時(shí)候我是知道怎么配置的，但是多個(gè)時(shí)，就不懂如何下手了。

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

sokra/RIP CommonsChunkPlugin.md 上也有挺多人問(wèn)的。

謝謝。

回答
編輯回答
哚蕾咪

cacheGroups

2017年6月11日 00:17
編輯回答
局外人

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

2017年9月20日 07:49
編輯回答
憶往昔

官網(wǎng)已經(jīng)說(shuō)明了：圖片描述

還是看官網(wǎng)最新文檔比較好：https://webpack.js.org/guides...

2018年1月17日 20:35
編輯回答
凝雅

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

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

目前webpack文檔嚴(yán)重過(guò)時(shí)，老外也很多不滿的

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

2018年2月20日 18:53
編輯回答
雨蝶
// 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...

2018年3月26日 12:59