使用 create-react-app 时使用自定义构建输出文件夹

Facebook 提供了一个create-react-app command构建反应应用程序。当我们跑步时npm run build，我们看到输出/build文件夹。

npm 运行构建

将用于生产的应用程序构建到构建文件夹。正确的是 在生产模式下捆绑 React 并优化构建以获得最佳效果 表现。

构建被缩小，文件名包含哈希值。你的应用程序 已准备好部署！

我们如何使用自定义文件夹而不是/build对于输出？谢谢。

With react-scripts >= 4.0.2， 这是官方支持:

默认情况下，Create React App 会将编译后的资源输出到/build相邻目录/src。您可以使用此变量为 Create React App 指定输出资源的新路径。BUILD_PATH应指定为相对于项目根目录的路径。

// package.json
  "scripts": {
    "build": "BUILD_PATH='./dist' react-scripts build",
    // ...
  },

或将 .env 文件添加到项目的根目录：

# .env
BUILD_PATH='./dist'

Caution：指定的路径BUILD_PATH将会被毫不留情地消灭掉。仔细检查您的环境变量是否指定正确，尤其是在使用持续集成时。