Webpack optimieren mit UglifyJS Plugin verursacht Laufzeitfehler

Question

Ich habe eine isomorphe React-Anwendung, die über Webpack gebündelt ist.

Ich habe 2 Eingangspunkte, die 2 gebündelten Dateiausgaben entsprechen: vendors.js und app.js.

Wenn Sie den webpack-dev-server ausführen oder wenn Sie ohne Optimierungsflags kompilieren, funktioniert alles einwandfrei. Sobald ich jedoch versuche, das Plugin Uglify zu verwenden, enthält die kompilierte Ausgabe Fehler.

Ich habe versucht:

webpack -p
webpack -optimize-minimize

oder in der config:

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

Aber alle Ergebnis in der gleichen Laufzeitfehler (nicht definierte Variablen).

Gibt es etwas Offensichtliches, das das verursachen könnte? Ist Uglify übereifrig und entfernt etwas, was nicht sollte?

Answer 1

Das Problem wurde durch den Uglify Mangler verursacht. Ohne zu wissen, welche Variable Umbenennungs das Problem verursacht wurde, war die Lösung vollständig Mangeln zu deaktivieren:

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

Dies als Webpack Plugin zu Ihrer Konfigurationsdatei hinzugefügt werden soll, zB:

var config = { 

    //... various config settings 

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

Answer 2

Für diejenigen, die Deaktiviert Mangel und immer noch das Problem, überprüfen Sie, ob Sie mit -P-Parameter erstellen. Es scheint -p auch mangle die Ausgabe, und in meinem Fall musste ich UflifyJsPlugin mangle auf false und bauen ohne die Option -p, um es zum Arbeiten zu bringen (auf Kosten einer Erhöhung der Gewicht der js von etwa 50 %)