tnblog
首页
视频
资源
登录

reactTS项目配置@别名

1010人阅读 2023/9/18 10:52 总访问:229028 评论:0 收藏:0 手机
分类: 前端

在tsconfig.json中配置路径别名:

  1. 打开项目根目录下的tsconfig.json文件。

  2. compilerOptions字段下添加以下两个属性:

"baseUrl": "./src",
"paths": {
  "@/*": ["*"]
}
  • baseUrl:设置基本目录,即用于解析非相对模块名称的基本目录。

  • paths:定义路径别名与实际路径之间的映射关系。在上述示例中,我们使用@/*作为路径别名,表示任何以@/开头的导入路径都将被映射到相应的文件或目录。

保存并关闭tsconfig.json文件。

现在,你可以在代码中使用@路径别名来导入模块了。例如:

import { Button } from '@/components/Button';
import { utils } from '@/utils';


评价
若人生只如初见,愿还是相遇的那个下午,阳光明媚转身一笑便如春暖花开
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术