Webpack, UglifyJS eklentisi ile en iyi duruma getirme nedenleri Çalışma zamanı hatası

Question

Web paketiyle birlikte verilen bir izomorfik React uygulamasına sahibim.

2 paket dosya çıktılarına karşılık gelen 2 giriş noktam var: vendors.js ve app.js.

webpack-dev-server'u çalıştırırken veya herhangi bir optimizasyon bayrağı olmadan derlerken, her şey iyi çalışıyor. Ancak, Uglify eklentisini kullanmaya çalıştığımda, derlenmiş çıktı hatalar içeriyor.

denedim:

webpack -p
webpack -optimize-minimize

veya config

:

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

Ancak aynı çalışma zamanı hatası (tanımsız değişkenler) tüm sonucu.

Buna neden olabilecek bir şey var mı? Uglify aşırı kıskanıyor ve olmaması gereken bir şey mi alıyor?

Answer 1

Sorun, Uglify mangler'in neden oldu.

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

Bu yapılandırma dosyasına Webpack Plugin olarak eklenmelidir, örneğin: Değişken yeniden adlandırma soruna neden hangi bilmeden, çözüm tamamen bozma kapatmak oldu olanlar için

var config = { 

    //... various config settings 

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

Answer 2

kim Devre dışı bırakılmış mangle ve hala sorun var, -p parametresi ile inşa olup olmadığını kontrol edin. Görünüşe göre -p çıkışı da karıştırmak, ve benim durumumda, UflifyJsPlugin mangle'i false değerine çevirmek zorunda kaldım ve -p bayrağı olmadan çalışmak zorunda kaldım (50'lerin js ağırlığındaki bir artış pahasına) %)