UglifyJSPlugin в режиме производства показывает предупреждение режима разработки React

Question

У меня есть пакет npm, который является компонентом React, который я создал, и размещаю на своем частном сервере npm.

У меня есть веб-приложение React, которое загружает этот пакет и использует его на странице.

Как компонент, так и веб-приложение строятся с помощью 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. 

Когда я удалить UglifyJSPlugin из WebPack конфигурации веб-приложения и запустить WebPack с флагом производства, это предупреждение не появляется ,

Любые идеи о том, как удалить предупреждение при использовании UglifyJSPlugin в режиме производства?

Answer 1

Вы должны использовать DefinePlugin и задавать окружение узла для производства.

Answer 2

Как сказал Марко, используйте 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 
     } 
    }) 
    ] 
}