Javascript 为什么在Webpack 4中设置minChunks会破坏cacheGroup的构建?

Javascript 为什么在Webpack 4中设置minChunks会破坏cacheGroup的构建?,javascript,webpack,webpack-4,Javascript,Webpack,Webpack 4,我构建的块太大了,所以我尝试将它们分成更小的块。当我在cacheGroup上设置minChunks时,它会阻止生成该组,并且不会提供任何错误。我在配置中做错了什么 // webpack.common.js entry: { build: path.join(setPath('src'), 'main.js') }, output: { path: setPath('dist'), publicPath: '/', filename: 'js/[name].[ha

我构建的块太大了,所以我尝试将它们分成更小的块。当我在
cacheGroup
上设置
minChunks
时,它会阻止生成该组,并且不会提供任何错误。我在配置中做错了什么

// webpack.common.js

entry: {
    build: path.join(setPath('src'), 'main.js')
},
output: {
    path: setPath('dist'),
    publicPath: '/',
    filename: 'js/[name].[hash:8].js',
    chunkFilename: 'js/[name].[hash:8].js'
},
没有
minChunks
使用
minChunks

将minChunks从2更改为1,它将正常工作。因为您只有一个名为“build”的条目文件,它是唯一共享公共依赖项的块

// webpack.prod.js

optimization: {
  splitChunks: {
    cacheGroups: {
      vendors: {
        test: /node_modules/,
        chunks: 'all'
      }
    }
  }
}

// output
                       Asset     Size      Chunks                  Chunk Names
js/vendors~build.2ef9f7c1.js     1.98 MiB       0  [emitted]  [big]  vendors~build
js/build.2ef9f7c1.js             354 KiB        1  [emitted]  [big]  build
index.html                       592 bytes         [emitted]
// webpack.prod.js

optimization: {
  splitChunks: {
    cacheGroups: {
      vendors: {
        test: /node_modules/,
        chunks: 'all',
        minChunks: 2
      }
    }
  }
}

// output
               Asset            Size       Chunks                  Chunk Names
js/build.77d425d4.js            2.33 MiB        0  [emitted]  [big]  build
index.html                      454 bytes          [emitted]