react-app-env.d.ts是什么?

news2024/11/28 18:01:03

react-app-env.d.ts这个文件是使用CRA脚手架生成react项目时自动生成的,在平时的开发过程中看到这个文件就会感觉很疑惑,出于好奇心,在网上查找资料,得出下文

前置知识

这个是一个类型声明文件

它的内容很短,就一行

/// <reference types="react-scripts" />

其中///三斜杠是XML表情的单行注释

而首行的三斜杠则代表三斜杠命令,注释的内容会被作为编译器指令使用,三斜杠命令仅可放在包含它的文件的最顶端。如果它们出现在一个语句或声明之后,那么则会被当作普通注释,不具备特殊含义,具体的可以看这里

/// <reference types="..." />指令声明了对某个包的依赖,可以简单的理解为import声明的包,reference一共有两种不同的属性:types和path,其中types用于声明对另一个库的依赖,path用于声明对另一个文件的依赖。

上面的react-app-env.d.ts依赖react-script库的类型声明,而react-script库下的package.json的types字段声明了当前库的类型声明,所以最终会依赖于node_modules/react-script/lib/react-app.d.ts文件,将react-app.d.ts文件作为类型声明,具体的可以看这里

注意: 你可能会在其他地方看到类似的声明,然后在node_modules文件夹下找到的库中发现package.json文件并没有声明types字段,因为它们被存放到了@types文件夹下

image.png

作用

当项目编译时,我们可能会引用一些图片,样式(比如*.module.scss),这是文件如果没有类型声明,编译器并不能识别是什么文件,所以需要一个类型声明。

image.png

能不能删除

结论:可以删除

在执行构建之前会重新生成

image.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1176949.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

使用Java AOP实现面向切面编程

简介 面向切面编程&#xff08;AOP&#xff09;是一种编程思想&#xff0c;它将程序中的关注点分离&#xff0c;使得开发人员可以专注于核心业务逻辑而不必过多关注横切关注点。Java中的AOP可以通过使用AspectJ等框架来实现&#xff0c;本文将介绍如何使用Java AOP实现切面编程…

DevChat:编程不再孤单,这里有你的小伙伴和导师

DevChat&#xff1a;编程不再孤单 前言定义注册前置使用实测优点 主页传送门&#xff1a;&#x1f4c0; 传送 前言 在当今这个信息爆炸的时代&#xff0c;随着AI技术的日益发展&#xff0c;它与我们的生活的联系已经越来越密切&#xff0c;尤其是对我们程序员来说更是如此。 利…

【性能测试】数据库索引问题定位/分析+ 架构优化+ SQL优化+ 代码优化(详全)

目录&#xff1a;导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09; 前言 索引问题定位与分…

UE5——源码阅读——101——渲染——高清截图

获取当前World和时间 世界存在 并准备进行更改的时候 视口是否使用立体渲染 捕获调试画布 设置RenderingTarget 设置主画布&#xff0c;按比例缩放到渲染目标上 拿到引擎的Flag,覆盖函数 为视口设置FSceneViewFamily 每英寸内像素的点数 当前视口是否支持HDR 设置焦点…

Writing an OS in Rust : Allocator Designs 分配器设计与实现

原文地址 为了保证概念的严谨性&#xff0c;翻译时保留了英文原文。 This post explains how to implement heap allocators from scratch. It presents and discusses different allocator designs, including bump allocation, linked list allocation, and fixed-size blo…

JAVA深化篇_34—— 全网最全JAVA多线程总结思维【不看保准后悔,可供下载】

全网最全JAVA多线程总结思维导图奉上&#xff1a;&#xff08;下载后为超高清图&#xff09; 文章上方提供PDF版本&#xff0c;有需要的小伙伴可以自取呦&#xff01;感谢小伙伴支持&#xff01;

浅谈能耗系统在马来西亚连锁餐饮业的应用

1.背景信息 Background 针对连锁餐饮业能耗高且能源管理不合理的问题&#xff0c;利用计算机网络技术、通讯技术、计量控制技术等信息化技术&#xff0c;实现能源资源分类分项计量和能源资源运行监管功能&#xff0c;清晰描述各分店总的用能现状&#xff1b;实时监测各供电回路…

python_寻找N字型下跌

目录 写在前面&#xff1a; 思路拆解&#xff1a; 代码&#xff1a; 验证&#xff1a; 写在前面&#xff1a; 1 由于日线骗线多&#xff0c;本文寻找N字型下跌形态在周线级别操作 2 N字型下跌形态&#xff0c;技术辅助寻找的点&#xff1a; 1&#xff09;左连阴 连阳 …

【加载自定义控制器 Objective-C语言】

一、接下来要做的操作,就比较关键了 1.前面,我们在从UI基础,然后到UI进阶,第一天,然后到目前为止, 所有的应用程序,新建的项目,启动以后,加载的控制器,是不是都是Main.storyboard里面带箭头儿的那个控制器, 然后呢,你也可以通过新建一个storyboard,然后呢,给它…

JavaScript_DOM概述

1、DOM 概述 2、节点 7种节点的类型&#xff1a; 3、节点树 4、Node.nodeType属性 不同节点的nodetype属性值和对应的常量如下&#xff1a;

微服务之Nacos注册管理

文章目录 一、Nacos安装步骤1.安装地址2.安装版本3.目录说明4.端口配置5.启动 二、Nacos服务注册1.Nacos依赖2.客户端修改配置文件3.启动效果图4.总结 三、Nacos服务集群属性1.服务跨集群调用问题2.服务集群属性3.总结 四、Nacos根据集群负载均衡1.修改配置文件2.设置集群服务类…

领跑中国APM市场,博睿数据蝉联第一!

近日&#xff0c;全球领先的IT市场研究和咨询公司IDC发布《中国IT统一运维软件产品市场跟踪报告&#xff0c;2023H1》&#xff0c;报告显示&#xff0c;博睿数据以市场份额20.14%再创新高&#xff0c;蝉联APM市场第一。 2023年上半年&#xff0c;APM市场呈现同比增长的趋势。在…

润和软件HopeStage与奇安信网神终端安全管理系统、可信浏览器完成产品兼容性互认证

近日&#xff0c;江苏润和软件股份有限公司&#xff08;以下简称“润和软件”&#xff09;HopeStage 操作系统与奇安信网神信息技术&#xff08;北京&#xff09;股份有限公司&#xff08;以下简称“奇安信”&#xff09;终端安全管理系统、可信浏览器完成产品兼容性测试。 测试…

win中安装nvm进行Node版本控制

之前有安装node.js安装包的需要先给卸载掉先通过官网下载安装包nvm-setup.zip nvm官网地址命令行打开输入nvm -v&#xff0c;测试安装是否成功 此时如果进行node相关版本安装的话&#xff0c;可能下载速度过慢&#xff0c;此时需要更换镜像源。 斜体样式找到nvm的安装路径 &am…

22款奔驰GLE450加装原厂360全景影像 打破死角

360全景影像影像系统提升行车时的便利&#xff0c;不管是新手或是老司机都将是一个不错的配置&#xff0c;无论是在倒车&#xff0c;挪车以及拐弯转角的时候都能及时关注车辆所处的环境状况&#xff0c;避免盲区事故发生&#xff0c;提升行车出入安全性。 360全景影像包含&…

线上 kafka rebalance 解决

上周末我们服务上线完毕之后发生了一个kafka相关的异常&#xff0c;线上的kafka频繁的rebalance&#xff0c;详细的报错我已经贴到下面&#xff0c;根据字面意思&#xff1a;消费者异常 org.apache.kafka.clients.consumer.CommitFailedException: 无法完成提交&#xff0c;因为…

中国计算机学会推荐国际学术会议和期刊目录

后面还有很多&#xff0c;我就不一一列出来啦&#xff0c;有需要的小伙伴可以自行下载哈 等等等

CRM怎样帮助您的企业进行营销管理?

​ CRM助力企业营销管理&#xff0c;为企业降本增效提升投入产出比。CRM软件是如何实现的呢&#xff1f; 扩大线索量 想要精准获客的第一步是要扩大线索量&#xff0c;多渠道营销推广是很好的方法。例如&#xff1a; 1.线下展会线上Webinar等市场活动 2.搭建微信、微博、…

DataFrame的基本用法

目录 一、定义/读取 DataFrame 1.定义DataFrame 2.定义一个空的DataFrame 3.从csv中读取DataFrame 二、读取行列 1.直接读取行列 2.使用 .loc() 读取行列 3.使用 .iloc() 读取行列 4.读取前 n 行 5.读取并修改列名 6.读取并修改行名 7.df的转置 三、删除和增加 …

防逆流系统中防逆流电表的正确安装位置-安科瑞黄安南

随着光伏行业的发展&#xff0c;部分地区村级变压器及工业用电变压器容量与光伏项目的装机容量处于饱和。电网公司要求对后建的光伏并网系统为不可逆流发电系统&#xff0c;指光伏并网系统所发生的电由本地负载消耗&#xff0c;多余的电不允许通过低压配电变压器向上级电网逆向…