当前位置: 首页 > news >正文

react typescript @别名的使用

1、config/webpack.config.js中找到alias,添加"@": path.resolve(__dirname,'../src'),如下:

alias: {// Support React Native Web// https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/"react-native": "react-native-web",// Allows for better profiling with ReactDevTools...(isEnvProductionProfile && {"react-dom$": "react-dom/profiling","scheduler/tracing": "scheduler/tracing-profiling",}),...(modules.webpackAliases || {}),"@": path.resolve(__dirname,'../src')
},

2、tsconfg.json中配置,新增"paths":{"@/*":["./src/*"]}

{"compilerOptions": {"target": "es5","lib": ["dom","dom.iterable","esnext"],"allowJs": true,"skipLibCheck": true,"esModuleInterop": true,"allowSyntheticDefaultImports": true,"strict": true,"forceConsistentCasingInFileNames": true,"noFallthroughCasesInSwitch": true,"module": "esnext","moduleResolution": "node","resolveJsonModule": true,"isolatedModules": true,"noEmit": true,"jsx": "react-jsx","paths": {"@/*": ["./src/*"]}},"include": ["src"]
}

3、重启收工 

相关文章:

  • 【面经】讲一下线程池的参数和运行原理
  • Flutter IOS 前后台切换主题自动变化的问题
  • 鸿蒙列表,类似于安卓的RecyclerView
  • 虚拟机Linux-Centos系统网络配置常用命令+Docker 的常用命令
  • 2023年11月编程语言流行度排名
  • 写论文中的心得记录
  • AVL树 c语言版本 插入部分
  • 01-基于IDEA,Spring官网,阿里云官网,手动四种方式创建SpringBoot工程
  • 5分钟Python安装实战(MAC版本)
  • MapReduce:大数据处理的范式
  • Naocs配置中心配置映射List、Map、Map嵌套List等方式
  • Chatgpt人工智能对话源码系统分享 带完整搭建教程
  • lua脚本实现redis分布式锁(脚本解析)
  • vscode + cmake + opencv example
  • 企业防范数据安全的重要性与策略
  • [Vue CLI 3] 配置解析之 css.extract
  • 【391天】每日项目总结系列128(2018.03.03)
  • Docker 1.12实践:Docker Service、Stack与分布式应用捆绑包
  • Iterator 和 for...of 循环
  • PHP CLI应用的调试原理
  • uva 10370 Above Average
  • vue2.0一起在懵逼的海洋里越陷越深(四)
  • Web设计流程优化:网页效果图设计新思路
  • 百度地图API标注+时间轴组件
  • 区块链将重新定义世界
  • 让你成为前端,后端或全栈开发程序员的进阶指南,一门学到老的技术
  • 突破自己的技术思维
  • 小李飞刀:SQL题目刷起来!
  • 交换综合实验一
  • ​第20课 在Android Native开发中加入新的C++类
  • ​人工智能之父图灵诞辰纪念日,一起来看最受读者欢迎的AI技术好书
  • ​软考-高级-系统架构设计师教程(清华第2版)【第20章 系统架构设计师论文写作要点(P717~728)-思维导图】​
  • # centos7下FFmpeg环境部署记录
  • #define 用法
  • #if和#ifdef区别
  • #我与Java虚拟机的故事#连载17:我的Java技术水平有了一个本质的提升
  • (4)logging(日志模块)
  • (分布式缓存)Redis分片集群
  • (黑马C++)L06 重载与继承
  • (十二)springboot实战——SSE服务推送事件案例实现
  • (译) 函数式 JS #1:简介
  • (原創) 如何讓IE7按第二次Ctrl + Tab時,回到原來的索引標籤? (Web) (IE) (OS) (Windows)...
  • (原創) 如何刪除Windows Live Writer留在本機的文章? (Web) (Windows Live Writer)
  • .NET CLR基本术语
  • .Net调用Java编写的WebServices返回值为Null的解决方法(SoapUI工具测试有返回值)
  • //解决validator验证插件多个name相同只验证第一的问题
  • ??myeclipse+tomcat
  • @value 静态变量_Python彻底搞懂:变量、对象、赋值、引用、拷贝
  • [ CTF ]【天格】战队WriteUp- 2022年第三届“网鼎杯”网络安全大赛(青龙组)
  • [120_移动开发Android]008_android开发之Pull操作xml文件
  • [20181219]script使用小技巧.txt
  • [ABP实战开源项目]---ABP实时服务-通知系统.发布模式
  • [ARC066F]Contest with Drinks Hard
  • [BT]BUUCTF刷题第9天(3.27)
  • [C++随笔录] 红黑树