Оптимизация Webpack с плагином UglifyJS вызывает ошибку времени выполнения

Question

У меня есть изоморфное приложение React, которое поставляется в комплекте через webpack.

У меня есть 2 точки входа, соответствующие 2 связанным файлам: vendors.js и app.js.

При запуске webpack-dev-server или при компиляции без каких-либо флагов оптимизации все работает нормально. Однако, как только я пытаюсь использовать плагин Uglify, скомпилированный вывод содержит ошибки.

Я попытался:

webpack -p
webpack -optimize-minimize

или в конфигурации:

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

Но результат в той же самой ошибки во время выполнения (неопределенные переменные).

Есть ли что-то очевидное, что может быть причиной этого? Является ли Uglify чрезмерно усердным и что-то не удаляет?

Answer 1

Проблема была вызвана агглером Uglify. Не зная, какая переменная переименование вызывает проблемы, решение было отключить коверкая полностью:

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

Это должно быть добавлено в качестве Webpack Plugin в ваш конфигурационный файл, например:

var config = { 

    //... various config settings 

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

Answer 2

Для тех, кто дезактивированный mangle и все еще есть проблема, проверьте, строите ли вы с параметром -p. Похоже, что -p также искажает вывод, и в моем случае мне пришлось переключить UflifyJsPlugin mangle на false и построить без флага -p, чтобы заставить его работать (за счет увеличения веса js около 50 %)