2016-09-19 12 views
1

私は構築したReactコンポーネントであり、プライベートnpmサーバーでホスティングしているnpmパッケージを持っています。生産モードのUglifyJSPluginは、リアクション開発モード警告を表示します

私はこのパッケージをダウンロードしてページ上で使用するReact Webアプリケーションを持っています。

コンポーネントとWebアプリケーションの両方がUglifyJSPluginを使用してwebpackで構築されています。

生産フラグとの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. 

私は、WebアプリケーションのWebPACKのコンフィグからUglifyJSPluginを削除し、生産フラグでのWebPACK実行し、この警告は表示されませんが。

生産モードでUglifyJSPluginを使用しているときの警告を削除する方法はありますか?

答えて

-2

DefinePluginとset node環境を本番環境に使用する必要があります。

+0

かなりわかりにくい答えです。コードを使って、あなたが意味することを示すならば、より良いでしょう。 – robertklep

+0

電話で回答を入力するのは難しいです。 https://github.com/codaxy/cx-starter-kit/blob/master/config/webpack.prod.js – Marko

0

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 
     } 
    }) 
    ] 
} 
+0

こちらをご覧ください。環境変数に基づいてNODE_ENVの値を設定する方法はありますか? –

+0

だから私はコンポーネントとWebアプリケーションの両方でこれを実装してみましたが、結果は変わりませんでした。また、ビルドマシンでNODE_ENVが本番環境に設定されています。 –

+0

process.envの値は、環境変数のデフォルト値です。 DefinePluginを使用すると、コードで追加/上書きできます。 – Maurice

関連する問題