如何使用 create-react-app 配置创建和运行应用程序的开发版本

Tuo*_*nen 16 npm reactjs create-react-app

npm run build创建项目的生产版本。我如何创建开发版本?我正在使用gradle-node-plugin来构建工件。该项目具有标准的create-react-app配置。

Mos*_*rtz 11

这是不是真的很可行的create-react-app,有一个开放的问题,在这里,它看起来并不像它会很快增加。

但是,您可以使用dotenv为此调用的包,以下是您应该采取的步骤:

  • 安装dotenv(确保添加save devnpm install dotenv-cli --save-dev

  • 在 package.json 脚本部分添加新脚本: "build:dev": "dotenv -e .env.development react-scripts build",

  • 你可以为开发而构建 npm run build:dev


PS:如果你想避免错误地将开发构建部署到生产环境(如这里提到的),你可以添加build:prod到 package.json 并禁用常规build命令,请参阅代码:

"build:dev": "dotenv -e .env.development react-scripts build",
"build:prod": "dotenv -e .env.production react-scripts build",
"build": "echo \"Please use build:dev or build:prod \" && exit 1",
Run Code Online (Sandbox Code Playgroud)

另请注意,它process.env.NODE_ENV仍然production会加载您的 .env.development 文件

  • 令人烦恼的是,即使经过了这么多年,我们仍然必须克服重重困难才能获得一些简单的东西,比如调试/开发模式构建!。 (4认同)