react新文档（React 之 config-overrides文件配置）

2025-10-09 09:15:01 ：0

大家好，关于react新文档很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于React 之 config-overrides文件配置的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，希望对各位有所帮助！

本文目录

React 之 config-overrides文件配置
创建React文件
React：项目下的reportWebVitals.js文件
react文件保存路径
如何启动react文件

React 之 config-overrides文件配置

通过react脚手架创建的项目，如果需要在项目中配置一些webpack配置，需要在根目录下新建一个名称为config-overrides.js的文件。

一、配置步骤：
1、 引入react-app-rewired插件
react-app-rewired的作用就是在不eject的情况下,覆盖create-react-app的配置
2、 安装customize-cra

3、 修改 package.json 里的启动配置

二、应用步骤
1、配置文件路径别名

2、在开发过程中，我们经常会用到 Ant Design Mobile 这个组件库，在引入组件的同时，往往还需要引入组件的css样式，如果每次都单独引入就比较麻烦，我们可以在config-overrides文件下全局配置一下。如下：

创建React文件

1.创建React项目命令如下:

*注意: 项目名称不能包含大写字母

*另外还有更多创建项目的方式,可以参考GitHub的readme

终端显示已经成功创建了react项目

2.创建完成之后,进入对应的目录,就可以将项目跑起来了

React：项目下的reportWebVitals.js文件

最近在用react搭建项目，发现react的脚手架升级了，在项目根目录下发现了一个新的文件 – reportWebVitals.js。很好奇这是个啥。
reportWebVitals.js内容如下：

里面有些比较熟悉的字母CLS、FID、FCP、LCP、TTFB这些跟性能指标有些关系的。
然后第三行有引入一个web-vitals的库。在npm上搜到了 web-vitals
create-react-app 官网中也有一篇文档 Measuring Performance 来描述在react项目中使用web-vitals。

运行项目：
控制台采集到的数据

react文件保存路径

保存路径如下：
1、我们首先需要知道下载的文件存放在手机react路径下面，打开手机自带的文件管理。
2、进去文件管理之后，点击本地。
3、进去本地界面之后，点击内部存储。
4、进去本地存储之后，下滑找到react文件夹，一般文件夹都是按字母排序的，首先找到t字母开头的文件夹，然后就比较容易找到react。
5、进之后，找到react文件夹，这个文件夹是存放下载的文件的。
6、进去react文件夹之后，可以看到应用下载的文件。

如何启动react文件

如何启动react项目
1、首先打开命令提示符工具
开始——菜单——运行——cmd
2、然后使用cd命令进入项目目录
cd my-app
3、接着运行npm start即可
注：如果项目目录中没有node_modules文件夹，需要先安装依赖
npm install
npm start和 npm run start是等效关系，在一个npm管理项目中，一般默认有start的定义，且会经常使用，所以就在npm执行中简化输入目的设置了npm run start的简写，类似的还有npm stop、npm test等等。而其他的一些不太通用的命令项则只能通过npm run 《命令项》的形式执行。

关于react新文档，React 之 config-overrides文件配置的介绍到此结束，希望对大家有所帮助。

react新文档（React 之 config-overrides文件配置）

本文编辑：admin

： react新文档

上一篇：regarding的翻译（as regarding,regarding,asregards的区别）

下一篇：sqlserver等待类型（SQLSERVER中触发器的触发类型有几种）

更多文章：

java代码如何打包（怎样打包JAVA程序）

这篇文章给大家聊聊关于java代码如何打包，以及怎样打包JAVA程序对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。本文目录怎样打包JAVA程序Java项目写完后怎么怎么打包怎么把JAVA写的代码打包成电脑可以直接执行的文件java

2026年3月2日 11:15

firmware upgrade wait image（三星4321ns开机显示firmware upgrade wait image是怎么回事）

“firmware upgrade wait image”相关信息最新大全有哪些，这是大家都非常关心的，接下来就一起看看firmware upgrade wait image（三星4321ns开机显示firmware upgrade wai

2026年3月19日 03:15

tomcat的默认端口（tomcat打开8443端口是怎么回事）

各位老铁们好，相信很多人对tomcat的默认端口都不是特别的了解，因此呢，今天就来为大家分享下关于tomcat的默认端口以及tomcat打开8443端口是怎么回事的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！本文目录t

2026年4月19日 12:15

constantly中文翻译（翻译：When you constantly live your life in Have）

各位老铁们，大家好，今天由我来为大家分享constantly中文翻译，以及翻译：When you constantly live your life in Have的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，

2026年8月13日 13:30

javajsch下载图片（JAVA_JSCH如何远程操作SFTP服务器上的文件）

今天给各位分享JAVA_JSCH如何远程操作SFTP服务器上的文件的知识，其中也会对JAVA_JSCH如何远程操作SFTP服务器上的文件进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！本文目录JAVA_JSCH如何远程

2026年9月23日 03:00

excel教程求和（excel表格怎么求和）

“excel教程求和”相关信息最新大全有哪些，这是大家都非常关心的，接下来就一起看看excel教程求和（excel表格怎么求和）！本文目录excel表格怎么求和excel如何求和excel求和的两种方法excel怎么一列求和 excel一列

2025年11月30日 16:00

schedule的中文意思（schedule什么意思中文）

这篇文章给大家聊聊关于schedule的中文意思，以及schedule什么意思中文对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。本文目录schedule什么意思中文“schedule”是什么意思schedule是什么意思中文翻译sc

2025年8月7日 04:30

oracle vm virtualbox使用（oracle virtualbox 虚拟机网络）

大家好，如果您还对oracle vm virtualbox使用不太了解，没有关系，今天就由本站为大家分享oracle vm virtualbox使用的知识，包括oracle virtualbox 虚拟机网络的问题都会给大家分析到，还望可以解

2026年8月12日 12:00

title做动词怎么用（title的动词）

各位老铁们好，相信很多人对title做动词怎么用都不是特别的了解，因此呢，今天就来为大家分享下关于title做动词怎么用以及title的动词的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！本文目录title的动词抬头和t

2025年8月14日 10:15

coriander（coriander是什么东西啊怎么翻译）

大家好，如果您还对coriander不太了解，没有关系，今天就由本站为大家分享coriander的知识，包括coriander是什么东西啊怎么翻译的问题都会给大家分析到，还望可以解决大家的问题，下面我们就开始吧！本文目录coriander是

2026年2月19日 00:00

idea无法创建springboot项目（如何用idea创建 spring boot工程）

其实idea无法创建springboot项目的问题并不复杂，但是又很多的朋友都不太了解如何用idea创建 spring boot工程，因此呢，今天小编就来为大家分享idea无法创建springboot项目的一些知识，希望可以帮助到大家，下面

2025年8月8日 17:30

javafx新替代者（JavaFX绑定探究）

今天给各位分享JavaFX绑定探究的知识，其中也会对JavaFX绑定探究进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！本文目录JavaFX绑定探究Java主要应用领域分别是什么JavaFX绑定探究　　数据绑定连接一

2025年7月7日 08:30

response timed out for device（怎么解决Chrome浏览器“Failed to load resource：net：ERR）

大家好，如果您还对response timed out for device不太了解，没有关系，今天就由本站为大家分享response timed out for device的知识，包括怎么解决Chrome浏览器“Failed to lo

2026年2月15日 08:45

whatsoever（whatsoever 这个词是什么意思啊大家帮忙！）

大家好，关于whatsoever很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于whatsoever 这个词是什么意思啊大家帮忙！的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，

2025年7月15日 03:45

数据库误删后能恢复吗（如果数据库的数据被你不小心删了怎样恢复啊）

这篇文章给大家聊聊关于数据库误删后能恢复吗，以及如果数据库的数据被你不小心删了怎样恢复啊对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。本文目录如果数据库的数据被你不小心删了怎样恢复啊数据库中数据DELETE了怎样恢复在数据库表中

2025年6月25日 03:45

王业不偏安的下一句王业不偏安的下一句是什么？王业不偏安是什么意思王业不偏安的原文及翻译

本篇文章给大家谈谈王业，以及王业不偏安的下一句王业不偏安的下一句是什么对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。本文目录王业不偏安的下一句王业

2026年9月13日 16:45

guard的词根（守护的英文单词怎么写）

其实guard的词根的问题并不复杂，但是又很多的朋友都不太了解守护的英文单词怎么写，因此呢，今天小编就来为大家分享guard的词根的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！本文目录守护的英文单词怎么写怎么用词根解释

2026年8月24日 08:30

mysql去重查询（mysql中如何按条件去重）

今天给各位分享mysql中如何按条件去重的知识，其中也会对mysql中如何按条件去重进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！本文目录mysql中如何按条件去重mysql按照时间排序去重查询mysql 对某几个字

2026年9月18日 14:45

表格样式只能应用于什么（请问Office的套用格式是什么）

各位老铁们，大家好，今天由我来为大家分享表格样式只能应用于什么，以及请问Office的套用格式是什么的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！本文目录

2026年1月19日 13:00

算法导论第三版pdf（《算法导论》第二版和第三版的区别大吗有中文版的吗）

本篇文章给大家谈谈算法导论第三版pdf，以及《算法导论》第二版和第三版的区别大吗有中文版的吗对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。本文目录

2025年8月1日 01:30