Facebook提供了构建React应用的create-react-app 命令。运行时npm run build,我们会在/build文件夹中看到输出。
create-react-app
npm run build
/build
npm运行构建 将要生产的应用程序生成到生成文件夹。它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 最小化内部版本,文件名包含哈希值。您的应用已准备好进行部署!
npm运行构建
将要生产的应用程序生成到生成文件夹。它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。
最小化内部版本,文件名包含哈希值。您的应用已准备好进行部署!
我们如何使用自定义文件夹而不是/build输出?谢谢。
您无法使用当前配置选项更改生成输出文件夹的名称。
而且,你不应该。这是背后哲学create-react- app的一部分:他们说 约定优于配置 。
create-react- app
如果您确实需要重命名文件夹,我会看到两个选择:
在构建过程完成后,立即 编写一条命令,将构建文件夹的内容复制到所需的另一个文件夹 。例如,您可以尝试使用copyfilesnpm软件包或类似的东西。
copyfiles
您可以尝试弹出create-react-app并调整配置。
如果您对构建工具和配置选择不满意,则可以随时退出。此命令将从项目中删除单个构建依赖项。 相反,它将所有配置文件和传递依赖项(Webpack,Babel,ESLint等)直接复制到您的项目中,因此您可以完全控制它们。除弹出命令以外的所有命令仍然可以使用,但是它们将指向复制的脚本,因此您可以对其进行调整。在这一点上,您是一个人。
如果您对构建工具和配置选择不满意,则可以随时退出。此命令将从项目中删除单个构建依赖项。
相反,它将所有配置文件和传递依赖项(Webpack,Babel,ESLint等)直接复制到您的项目中,因此您可以完全控制它们。除弹出命令以外的所有命令仍然可以使用,但是它们将指向复制的脚本,因此您可以对其进行调整。在这一点上,您是一个人。
但是,必须注意 这是单向操作。 一旦弹出,就无法返回!您放弃所有将来的更新。
因此, 如果可能的话 , 我建议您不要使用自定义文件夹命名 。尝试使用默认命名。如果没有选择,请尝试#1。如果仍然无法满足您的特定用例,并且您真的选择不了,请探索#2。祝好运!