生產模式下的UglifyJSPlugin顯示React開發模式警告

我有一個npm包，它是一個React組件，我已經構建並在我的私有npm服務器上託管。生產模式下的UglifyJSPlugin顯示React開發模式警告

我有一個React網絡應用程序，用於下載此包並在頁面上使用它。

組件和web應用程序都使用webpack使用UglifyJSPlugin構建。

當生產標誌運行的WebPack，我收到以下警告：

warning.js:36Warning: It looks like you're using a minified copy of the development build of React. When deploying React apps to production, make sure to use the production build which skips development warnings and is faster. See [stack won't let me post urls..]fb.me/react-minification for more details.

當我從網絡應用的的WebPack配置中刪除UglifyJSPlugin並隨着生產標誌的WebPack運行，此警告不會出現。

有關如何在生產模式下使用UglifyJSPlugin時刪除警告的任何想法？

來源

2016-09-19 ex-zac-tly

-2

您應該使用DefinePlugin並將節點環境設置爲生產。

來源

2016-09-19 16:31:01 Marko

相當神祕的答案。如果你用代碼顯示你的意思會更好。 – robertklep

在手機上輸入答案很難。你可以在這裏看到：https://github.com/codaxy/cx-starter-kit/blob/master/config/webpack.prod.js – Marko

正如Marko所說的，使用這樣的DefinePlugin。

{ 
    entry: "src/main.js", 
    output: { 
     path: 'dist', 
     filename: "bundle.js" 
    }, plugins:[ 
    new webpack.DefinePlugin({ 
     'process.env':{ 
     'NODE_ENV': JSON.stringify('production') 
     } 
    }), 
    new webpack.optimize.UglifyJsPlugin({ 
     compress:{ 
     warnings: true 
     } 
    }) 
    ] 
}

來源

2016-09-19 17:18:52 Maurice

現在就實現了。有沒有一種方法基於環境變量基於NODE_ENV的值？ –

所以我嘗試在組件和網絡應用程序中執行此操作，結果沒有任何變化。我也在生成機器上將NODE_ENV設置爲生產。 –

process.env的值默認爲環境變量。使用DefinePlugin，您可以在代碼中添加/覆蓋它們。 – Maurice

生產模式下的UglifyJSPlugin顯示React開發模式警告

回答

相關問題