使用create-react-app时使用自定义生成输出文件夹

Question

Facebook提供了构建React应用的create-react-app
命令。运行时npm run build，我们会在/build文件夹中看到输出。

npm运行构建

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

最小化内部版本，文件名包含哈希值。您的应用已准备好进行部署！

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

Answer 1

您无法使用当前配置选项更改生成输出文件夹的名称。

而且，你不应该。这是背后哲学create-react- app的一部分：他们说 约定优于配置 。

如果您确实需要重命名文件夹，我会看到两个选择：

1. 在构建过程完成后，立即 编写一条命令，将构建文件夹的内容复制到所需的另一个文件夹 。例如，您可以尝试使用copyfilesnpm软件包或类似的东西。

2. 您可以尝试弹出create-react-app并调整配置。

如果您对构建工具和配置选择不满意，则可以随时退出。此命令将从项目中删除单个构建依赖项。

相反，它将所有配置文件和传递依赖项（Webpack，Babel，ESLint等）直接复制到您的项目中，因此您可以完全控制它们。除弹出命令以外的所有命令仍然可以使用，但是它们将指向复制的脚本，因此您可以对其进行调整。在这一点上，您是一个人。

但是，必须注意 这是单向操作。 一旦弹出，就无法返回！您放弃所有将来的更新。

因此， 如果可能的话 ， 我建议您不要使用自定义文件夹命名
。尝试使用默认命名。如果没有选择，请尝试＃1。如果仍然无法满足您的特定用例，并且您真的选择不了，请探索＃2。祝好运！