使用UglifyJS插件进行Webpack优化会导致运行时错误

Question

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

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

当运行webpack-dev-server或没有任何优化标志进行编译时,一切正常.但是,只要我尝试使用Uglify插件,编译后的输出就会包含错误.

我试过了:

vendors.js
app.js

或者在配置中:

vendors.js

但都会导致相同的运行时错误(未定义的变量).

有什么明显可能导致这种情况吗？Uglify是否过度热心并且删除了不应该的东西？

Answer 1

问题是由Uglify管道造成的.在不知道哪个变量重命名导致问题的情况下,解决方案是完全关闭重整:

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

这应该作为Webpack插件添加到您的配置文件中,例如:

var config = {

  //... various config settings

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