如何在构建文件夹中构建React项目

Question

当我这样做时：npm run build我想在构建文件夹内创建一个文件夹，并将所有构建输出移至该文件夹内。

此刻我正在这样做：

"prebuild": "npm run build:clean",
"build": "react-scripts build",
"postbuild": "mkdir dest && cp -r build/* dest && npm run build:clean && mv dest build",
"build:clean": "rimraf build/*",

1. 清除构建文件夹
2. 构建应用
3. 创建目标文件夹
4. 复制dest文件夹中build文件夹中的所有内容
5. 清除构建文件夹
6. 将dest文件夹移动到构建文件夹中

如何减少它？

Answer 1

简单的答案是：您无法更改。

构建输出已在create-react-app中进行了固定，无法更改，该决定源于CRA的哲学。

Citing Dan Abramov, co-author of create-react-app：

我认为缺少此功能并不奇怪。在很大程度上，这是故意的。这样可以确保大多数人具有相似的设置，并且人们可以在假定目录结构相同的情况下构建工具（例如用于部署）。

但是，您可以使用trick backed-up by him，它使用mv移动build的输出：

"build": "react-scripts build && mv build {YOUR_PATH}"