生产模式下的UglifyJSPlugin显示一个React开发模式警告

Question

I have an npm package that is a React component that I've built and am hosting on my private npm server.

I have a React web application that downloads this package and uses it on a page.

Both the component and the web application are being built with webpack, using the UglifyJSPlugin.

When running webpack with the production flag, I receive the following warning:

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.

When I remove the UglifyJSPlugin from the web application's webpack config and run webpack with the production flag, this warning doesn't appear.

Any ideas on how to remove the warning when using UglifyJSPlugin in production mode?

Answer 1

As Marko said, use the DefinePlugin like this.

{
    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
      }
    })
  ]
 }

Answer 2

您应该使用DefinePlugin并将节点环境设置为生产环境。