vue.js - webpack 4 splitChunks.maxSize - 这个值是什么意思？是KB吗？字节？只是有一些值(value)吗？

Question

我正在尝试使用 Webpack 4 在 Vue JS 应用程序中拆分我的 vendor block 。通过此设置，我已经能够获得合理的结果:

config.optimization.set('splitChunks', {
      cacheGroups: {
        vendors: {
          name: 'chunk-vendors',
          test: /[\\/]node_modules[\\/]/,
          maxSize: 500000,
          minChunks: 1,
          priority: -20,
          chunks: 'all'
        },
        // default Vue JS common chunk
        common: {
          name: 'chunk-common',
          minChunks: 2,
          priority: -30,
          chunks: 'initial',
          reuseExistingChunk: true
        }
      }
    })

但是我在 documentation 中找不到任何内容这解释了 maxSize 的数字代表什么。是字节、KB还是任意数字？如果不了解数字的含义，就很难“猜测”我的应用程序的正确值是什么。

另外，它是预先缩小的大小还是压缩后的大小？

Answer 1

最终答案如下: splitChunks.maxSize 以字节为单位

https://webpack.js.org/plugins/split-chunks-plugin/#splitchunksmaxsize

“...告诉 webpack 尝试将大于 maxSize 字节的 block 分割成更小的部分...”

另请参见 splitChunks.minSize

https://webpack.js.org/plugins/split-chunks-plugin/#splitchunksminsize

“要生成的 block 的最小大小(以字节为单位)。”