javascript - Webpack 包太大

Question

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

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

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

这是我的配置的快照：

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

标签： javascriptwebpack

Answer 1

是源图！只需删除

  devtool: 'inline-source-map'

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