typescript配置alias的详细步骤


Posted in Javascript onAugust 12, 2020

1 安装依赖

npm install --save-dev babel-plugin-module-resolver
# yarn add babel-plugin-module-resolver --dev

根目录新增.babelrc文件

参考以下内容按您项目中的需要去修改

{
 "presets": ["next/babel"],
 "plugins": [
  [
   "module-resolver",
   {
    "alias": {
     "@/actions": "./actions",
     "@/components": "./components",
     "@/constants": "./constants",
     "@/pages": "./pages",
     "@/public": "./public",
     "@/reducers": "./reducers",
     "@/utils": "./utils"
    }
   }
  ]
 ]
}

修改tsconfig.json文件

{
 "compilerOptions": {
  "baseUrl": "./",
  "paths": {
   "@components/*": ["./components/*"],
   "@pages/*": ["./pages/*"],
   "@public/*": ["./public/*"]
  }
 }
}

注意"baseUrl": "./",不能省去,否则ts报Option 'paths' cannot be used without specifying '--baseUrl' option.错误

next.js中配置alias也可以参考如上步骤

到此这篇关于typescript配置alias的详细步骤的文章就介绍到这了,更多相关typescript配置alias内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
JS的get和set使用示例
Feb 20 Javascript
js控制浏览器全屏示例代码
Feb 20 Javascript
js阻止事件追加的具体实现
Oct 15 Javascript
根据配置文件加载js依赖模块
Dec 29 Javascript
js实现跨域的方法实例详解
Jun 24 Javascript
javascript数组克隆简单实现方法
Dec 16 Javascript
使用jquery提交form表单并自定义action的实现代码
May 25 Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
Jun 30 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
Feb 22 Javascript
微信小程序 本地图片按照屏幕尺寸处理
Aug 04 Javascript
浅谈angular.copy() 深拷贝
Sep 14 Javascript
Angular动画实现的2种方式以及添加购物车动画实例代码
Aug 09 Javascript
js实现表格单列按字母排序
Aug 12 #Javascript
javascript的hashCode函数实现代码小结
Aug 11 #Javascript
vue axios封装httpjs,接口公用配置拦截操作
Aug 11 #Javascript
解决vue刷新页面以后丢失store的数据问题
Aug 11 #Javascript
封装 axios+promise通用请求函数操作
Aug 11 #Javascript
在vue中使用回调函数,this调用无效的解决
Aug 11 #Javascript
vue 调用 RESTful风格接口操作
Aug 11 #Javascript
You might like
非洲第一个咖啡超凡杯大赛承办国—卢旺达的咖啡怎么样
2021/03/03 咖啡文化
动态表格Table类的实现
2009/08/26 Javascript
向大师们学习Javascript(视频与PPT)
2009/12/27 Javascript
锋利的jQuery 第三章章节总结的例子
2010/03/23 Javascript
分享10篇优秀的jQuery幻灯片制作教程及应用案例
2011/04/16 Javascript
JS实现时间格式化的方式汇总
2013/10/16 Javascript
jQuery点击自身以外地方关闭弹出层的简单实例
2013/12/24 Javascript
jQuery拖拽div实现思路
2014/02/19 Javascript
JavaScript设计模式之外观模式介绍
2014/12/28 Javascript
JavaScript实现获得所有兄弟节点的方法
2015/07/23 Javascript
JavaScript判断表单为空及获取焦点的方法
2016/02/12 Javascript
快速掌握Node.js中setTimeout和setInterval的使用方法
2016/03/21 Javascript
JavaScript中setter和getter方法介绍
2016/07/11 Javascript
使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo
2016/09/01 Javascript
JavaScript对JSON数据进行排序和搜索
2017/07/24 Javascript
vue项目添加多页面配置的步骤详解
2019/05/22 Javascript
vue input输入框关键字筛选检索列表数据展示
2020/10/26 Javascript
[43:26]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第二场 11.20
2020/11/23 DOTA
python脚本实现数据导出excel格式的简单方法(推荐)
2016/12/30 Python
Django实现的自定义访问日志模块示例
2017/06/23 Python
django 修改server端口号的方法
2018/05/14 Python
Python3.6简单反射操作示例
2018/06/14 Python
python3结合openpyxl库实现excel操作的实例代码
2018/09/11 Python
解决python给列表里添加字典时被最后一个覆盖的问题
2019/01/21 Python
树莓派用python中的OpenCV输出USB摄像头画面
2019/06/22 Python
python安装virtualenv虚拟环境步骤图文详解
2019/09/18 Python
Python文件路径名的操作方法
2019/10/30 Python
Python单元测试与测试用例简析
2019/11/09 Python
Ubuntu下Python+Flask分分钟搭建自己的服务器教程
2019/11/19 Python
Brora官网:英国领先的羊绒服装品牌
2019/08/28 全球购物
2019年Java 最常见的 面试题
2016/10/19 面试题
市级优秀班主任事迹材料
2014/05/13 职场文书
2014年物业管理工作总结
2014/11/21 职场文书
党员个人总结范文
2015/02/14 职场文书
pytorch 实现多个Dataloader同时训练
2021/05/29 Python
python+opencv实现视频抽帧示例代码
2021/06/11 Python