Webpack包太大

Question

我最近将前端迁移到webpack只是为了意识到我们的捆绑包大小已从约3m增加到13m +。

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

webpack-bundle-analyzer（和其他类似工具）宣称我的捆绑包只有600万，而实际上超过了1300万

这是我的配置的快照：

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

Answer 1

是源地图！只需删除

  devtool: 'inline-source-map'

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