2017-08-27 104 views
2

我在生產一個網站,在Chrome瀏覽器開發工具說:陣營開發工具抱怨unminified版本在生產

此網頁使用作出反應的unminified版本。

在我的構建過程中,webpack配置正在運行production標誌on。我的設置是:

plugins: [ 
    new webpack.DefinePlugin({ 
    'process.env': { 
     NODE_ENV: JSON.stringify('production') 
    } 
    }), 
    new webpack.optimize.OccurrenceOrderPlugin(), 
    new webpack.optimize.UglifyJsPlugin({ 
    mangle: false, 
    beautify: false, 
    sourcemap: false, 
    comments: false, 
    minimize: true, 
    compress: { 
     warnings: false, 
     comparisons: false 
    }, 
    output: { 
     comments: false, 
     ascii_only: true 
    } 
    }) 
] 

我裝在我的.js.jsx文件陣營與import裝載在與HTML腳本標記指向.min.js文件。仍然的代碼的尺寸減小,相比dev的版本。

我在做什麼錯?這種警告的原因是什麼?

我的版本:

"react": "^15.4.2", 
"react-dom": "^15.4.2", 
"webpack": "^2.7.0" 

回答

1

後的試錯設置mangle: true,關掉了警告。

我沒有找到的文檔做出反應這方面的信息,但它的工作。

React does suggest在其默認的配置,其中有mangle設置爲true默認運行UglifyJsPlugin

new webpack.DefinePlugin({ 
    'process.env': { 
    NODE_ENV: JSON.stringify('production') 
    } 
}), 
new webpack.optimize.UglifyJsPlugin()