如何配置react-scripts build输出未压缩版本并设置webpackEnv为development

跨平台通用配置（推荐） #

• 先安装跨平台环境变量工具cross-env，避免不同操作系统环境变量语法不兼容的问题：
  npm install cross-env --save-dev
• 打开项目根目录的package.json文件，在scripts配置项中新增如下命令：
  "build-dev": "cross-env NODE_ENV=development react-scripts build"

配置完成后执行npm run build-dev，即可触发development环境的构建逻辑，输出未压缩的代码，此时webpack.config.js中读取到的webpackEnv值就是development。

单系统精简配置（无需额外安装依赖） #

根据你常用的操作系统选择对应配置即可：

• Mac/Linux系统：
  "build-dev": "NODE_ENV=development react-scripts build"
• Windows系统（cmd/powershell）：
  "build-dev": "set NODE_ENV=development&&react-scripts build"

补充说明：如果你只是想要未压缩的生产环境构建产物，不需要带开发环境的调试警告，也可以直接修改node_modules/react-scripts/config/webpack.config.js中生产环境的压缩配置，将minify参数设置为false即可，不需要调整环境变量。

内容的提问来源于stack exchange，提问作者jmc42