javascript - 使用 UglifyJS 插件优化 Webpack 导致运行时错误

Question

我有一个通过 webpack 捆绑的同构 React 应用程序。

我有 2 个入口点对应于 2 个捆绑文件输出:vendors.js 和 app.js。

当运行 webpack-dev-server 或在没有任何优化标志的情况下编译时，一切正常。然而，当我尝试使用 Uglify 插件时，编译后的输出包含错误。

我试过:

webpack -p
webpack -optimize-minimize

或在配置中:

new webpack.optimize.UglifyJsPlugin({sourceMap:false})

但所有结果都会导致相同的运行时错误( undefined variable )。

有什么明显的原因可能导致这种情况吗？ Uglify 是否过于热心并删除了它不应该删除的内容？

Answer 1

问题是由 Uglify mangler 引起的。在不知道哪个变量重命名导致问题的情况下，解决方案是完全关闭重命名:

new webpack.optimize.UglifyJsPlugin({
  sourceMap: false,
  mangle: false
})

这应该添加为 Webpack Plugin到您的配置文件，例如:

var config = {

  //... various config settings

  plugins: [
    new webpack.optimize.UglifyJsPlugin({
      sourceMap: false,
      mangle: false
    })
  ]
};