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

Question

我正在尝试使用 Webpack 4 在 Vue JS 应用程序中拆分我的供应商块。使用此设置我已经能够获得合理的结果：

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
        }
      }
    })

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

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

Answer 1

这是最终答案： splitChunks.maxSize 以字节为单位

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

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

另请参阅 splitChunks.minSize

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

“要生成的块的最小大小，以字节为单位。”