如何将 React 置于生产模式？

Question

我尝试使用 此处 的解决方案，但仍显示图标指示开发模式。

这是我当前的文件，其中包含以下答案的更新：

 const path = require('path');
const SRC_DIR = path.join(__dirname, '/client-react/src');
const DIST_DIR = path.join(__dirname, '/client-react/dist');
const webpack = require('webpack')

module.exports = {
  entry: `${SRC_DIR}/index.jsx`,
  output: {
    filename: 'bundle.js',
    path: DIST_DIR
  },
  plugins: [
    new webpack.DefinePlugin({'process.env': {NODE_ENV: JSON.stringify('production')} })
  ],
  module: {
      loaders: [
      {
        test: /\.jsx?/,
        include: SRC_DIR,
        loader: 'babel-loader',
        query: {
          plugins: ["transform-object-rest-spread", "transform-class-properties"],
          presets: ['react', 'es2015']
       }
      }
    ]
  }
};

原文由 user9105849 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您使用 Webpack 4，则无需更改 webpack.config.js 。它在开发和生产模式中保持不变。

唯一需要的是你的 package.json ：

 "scripts": {
    "dev": "webpack --mode development",
    "build": "webpack --mode production"
}

有了这个，创建一个开发包：

 npm run dev

生产包：

 npm run build

原文由 Arsen K. 发布，翻译遵循 CC BY-SA 3.0 许可协议