Question

我有一个生产网站，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
    }
  })
]

我正在我的.js和.jsx文件中加载React，import，不加载HTML，脚本标记指向{{1} }文件。与开发版相比，代码仍然缩小了。

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

我的版本：

.min.js

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()

React dev工具抱怨生产中的未经编辑的版本

1 个答案: