React 开发工具抱怨生产中的未缩小版本答案

【问题标题】：React dev tools complains about unminified version in productionReact 开发工具抱怨生产中的未缩小版本
【发布时间】：2017-08-27 13:46:35
【问题描述】：

我有一个网站正在生产中，Chrome 开发工具说：

此页面使用的是未缩小的 React 构建。 ????

在我的构建过程中，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
    }
  })
]

我正在用import 在我的.js 和.jsx 文件中加载React，不在HTML 中加载指向.min.js 文件的脚本标签。与开发版本相比，代码的大小仍然有所减少。

我做错了什么？该警告的原因是什么？

我的版本：

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

【问题讨论】：

标签： javascript reactjs webpack

【解决方案1】：

经过反复试验设置mangle: true,关闭了警告。

我在 React 文档中没有找到有关这方面的信息，但它确实有效。

React does suggest 在其默认配置中运行 UglifyJsPlugin，默认情况下 mangle 设置为 true：

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

【讨论】：