Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.

按照webpack的指南,敲的demo中用到CommonsChunkPlugin这个插件,报如下错误:

 指南上的用法:

    plugins: [
      new HTMLWebpackPlugin({
        title: 'Code Splitting'
       }),
+     new webpack.optimize.CommonsChunkPlugin({
+       name: 'common' // 指定公共 bundle 的名称。
+     })
    ],

解决方法:

    plugins: [
      new HTMLWebpackPlugin({
        title: 'Code Splitting'
       }),
-     new webpack.optimize.CommonsChunkPlugin({
-       name: 'common' // 指定公共 bundle 的名称。
-     })
    ],
+  optimization: {
+    splitChunks: {
+        cacheGroups: {
+        commoms: {
+            name: 'commons',
+            chunks: 'initial',
+            minChunks: 2
+        }
+        }
+    }
+   }

猜你喜欢

转载自www.cnblogs.com/hongyan90/p/12487473.html
今日推荐