更新到webpack4后,我的捆绑包总大小增加到了约1mb(已解析)

时间:2019-01-08 03:54:16

标签: webpack webpack-4

我使用的是webpack3,并且具有类似的配置文件

new webpack.optimize.CommonsChunkPlugin({
  name: 'vendor',
  minChunks (module) {
    // any required modules inside node_modules are extracted to vendor
    return (
      module.resource &&
      /\.js$/.test(module.resource) &&
      module.resource.indexOf(
        path.join(__dirname, '../node_modules')
      ) === 0
    )
  }
}),
// extract webpack runtime and module manifest to its own file in order to
// prevent vendor hash from being updated whenever app bundle is updated
new webpack.optimize.CommonsChunkPlugin({
  name: 'manifest',
  minChunks: Infinity
}),
// This instance extracts shared chunks from code splitted chunks and bundles them
// in a separate chunk, similar to the vendor chunk
// see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
new webpack.optimize.CommonsChunkPlugin({
  name: 'app',
  async: 'vendor-async',
  children: true,
  minChunks: 3
}),

升级到webpack4后,我配置了与上述类似的内容

namedChunks: true,
runtimeChunk: "single", // enable "runtime" chunk
splitChunks: {
    cacheGroups: {
        vendors: {
            test: /[\\/]node_modules[\\/]/,
            chunks: 'initial',
            priority: -10,
            name: 'vendors',
        },
        'async-vendors': {
            test: /[\\/]node_modules[\\/]/,
            minChunks: 2,
            chunks: 'async',
            priority: 0,
            name: 'async-vendors'
        }
    }
}

但是使用webpack4和更高版本的配置,所有块的总捆绑包大小增加到了1mb左右,看起来好像也捆绑了一些未使用的stuf!

0 个答案:

没有答案