Facebook提供了一个create-react-appcommand来构建react应用程序.当我们运行npm运行构建时,我们会在/build文件夹中看到输出.

npm运行构建

将用于生产的应用程序生成到生成文件夹.这是正确的

构建被缩小,文件名包括散列.你的应用

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

推荐答案

编辑:支持刚登陆v4的可配置BUILD_PATH.0.2. 见t_dom93's answer.

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

此外,你不应该.这是the philosophy behind create-react-app的一部分:他们说Convention over Configuration.

如果您真的需要重命名文件夹,我可以看到两个选项:

  1. 在构建过程完成后,write a command that copies the build folder content to another folder you want.例如,你可以 Select try the copyfiles npm package,或任何类似的.

  2. 你可以try 使用eject create-react-app并调整配置.

如果您对构建工具和配置 Select 不满意,可以随时弹出.此命令将从项目中删除单一生成依赖项.

相反,它会将所有配置文件和可传递的依赖项(Webpack、Babel、ESLint等)复制到您的项目中,这样您就可以完全控制它们.除了eject之外,所有的命令都可以使用,但是它们会指向复制的脚本,这样你就可以调整它们了.现在你只能靠自己了.

然而,重要的是要注意this is a one-way operation. Once you eject, you can’t go back!你失go 了所有future 的更新.

因此,I'd recommend you to not use a custom folder naming, if possible.try 使用默认命名.如果没有 Select ,请try #1.如果它仍然不适用于你的特定用例,而你真的没有 Select ——探索#2.祝你好运

Reactjs相关问答推荐

Shadck/ui Select -当用户 Select 项目时更改状态

为什么我的标签在Redux API中不能正常工作?

后端关闭时如何在REACTION AXIOS拦截器中模拟数据?

在Reaction常量函数中未更新状态变量

React,React Router,Joy UI:如何在导航离开和返回后禁用snackbar重新出现?

使用下一步中的路由/导航不会立即加载路由

一键MUI导出

Google Firestore无法读取图像-react

如何在React中正确地将密码输入类型切换为文本或反之亦然(下一页)

我如何在不被 destruct 的情况下将导航栏固定在顶部?

UseEffect 似乎不适用于页面的首次渲染

Redux 工具包不更新状态

React Router 6 点击链接在 React 18 应用中打开 flickr 页面

无法读取未定义的属性(读取值)...TypeError:无法读取未定义的属性(读取值)

如何在不使用 Axios 的情况下将图像文件从 React.js 发送到 Spring Boot Rest API?

VideoSDK api 不使用更新状态

在按钮单击中将动态参数传递给 React Query

使用 Vite 的 React 中的路由无法正常工作(构建中)

下一次导出:未捕获的语法错误:标识符注册表已被声明

ReactJS:按钮启用禁用更改 colored颜色