使用创建-反应-应用时使用自定义生成输出文件夹

Question

Facebook 提供了一个创建-反应-应用命令来构建应用。当我们运行 npm 运行生成时，我们在 /build 文件夹中看到输出。

运行构建

将用于生产的应用生成到生成文件夹。它可以在生产模式下正确捆绑 React，并优化构建以获得最佳性能。

构建被缩小，并且文件名包括散列。您的应用程序已准备好进行部署！

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

Answer 1

Create-react-app版本2答案

对于最近（

"homepage": "./"

现在应该可以看到构建/索引了。html将具有相对链接./static/…，而不是指向服务器根目录的链接：。

Answer 2

使用反应脚本

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

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

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

# .env
BUILD_PATH='./dist'

注意：BUILD_PATH中指定的路径将被毫不留情地清除。仔细检查您的环境变量是否指定正确，尤其是在使用持续集成时。

Answer 3

编辑您的package.json：

"build": "react-scripts build && mv build webapp"