Webpack 包太大

Question

我最近将我们的前端迁移到 webpack，结果发现我们的 bundle 大小从大约 3m 增加到了 13m+。

我已阅读所有关于如何缩小捆绑包并可能将其拆分的建议，但无济于事。

webpack-bundle-analyzer（和其他类似工具）宣称我的包只有 6m，而实际上它超过 13m

这是我的配置快照：

config =
  context: path.resolve __dirname, 'src'
  entry: './index.coffee'
  devtool: 'inline-source-map'
  devServer: {
    contentBase: './build'
  }
  module:
    ...

Answer 1

这是源图！只需删除

  devtool: 'inline-source-map'

因为它会被 --mode development 自动激活。如果你想自定义 devtool，你只需要在开发模式下包含它，要么拆分你的配置，要么将 ifs 添加到你当前的单个文件配置中。