javascript - React 开发工具提示生产中的未缩小版本

Question

我有一个正在制作中的网站，其中 Chrome 开发工具说:

This page is using an unminified build of 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，不加载带有指向 .min.js 文件的脚本标签的 HTML。与开发版本相比，代码的大小仍然有所减少。

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

我的版本:

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

Answer 1

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

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

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

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