当前位置: 首页 > 面试题库 >

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

仇飞鹏
2023-03-14
问题内容

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

npm运行构建

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

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

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


问题答案:

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

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

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

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

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

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

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

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

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



 类似资料:
  • Facebook 提供了一个命令来构建应用。当我们运行 ,我们在 文件夹中看到输出。 运行构建 将用于生产的应用生成到生成文件夹。它可以在生产模式下正确捆绑 React,并优化构建以获得最佳性能。 构建被缩小,并且文件名包括散列。您的应用程序已准备好进行部署! 我们如何使用自定义文件夹而不是进行输出?谢谢。

  • 创建响应应用时,图像中出现错误。它一直在正常工作,我所做的就是mkdir和cd到那个dir。 这就是错误的样子... NPX:在36.634s中安装了99必须使用导入来加载ES模块: C:\用户\Neeraj\AppData\漫游\npm-cache_npx\5172\node_modules\create-react-app\node_modules\is-promise\index.js不支持

  • 当这个问题问如何为react-native生成apk文件时,我的问题是如何在我使用expo组件的特定create-react-native-app构建中工作

  • 问题内容: 我正在尝试使用docs上给出的命令创建一个新项目,即它不包含 和的文件夹。 问题答案: 请尝试以下步骤: 资源

  • 本文向大家介绍详解create-react-app 自定义 eslint 配置,包括了详解create-react-app 自定义 eslint 配置的使用技巧和注意事项,需要的朋友参考一下 使用eslint和editorconfig规范代码 为什么要用这些: 代码规范有利于团队协作 纯手工规范耗时耗力而且不能保证准确性 能配合编辑器自动提醒错误,提高开发效率 eslint 随着ECMAScrip

  • 模板使用方式 protoc-gen-doc 插件支持模板,可以通过使用不同的模板来定制输出的内容和格式,命令如下: protoc --doc_out=/usr/local/include/dolphin/api.mustache,index.html:../../../target/contract-doc userService.proto 只是简单的将原来 --doc_out=html,* 中