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中style属性
Oct 11 Javascript
简明json介绍
Sep 28 Javascript
预加载css或javascript的js代码
Apr 23 Javascript
jQuery Ajax调用WCF服务详细教程
Mar 31 Javascript
js实现的倒计时按钮实例
Jun 24 Javascript
JavaScript Date对象详解
Mar 01 Javascript
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
Jan 16 Javascript
微信小程序实现星星评价效果
Nov 02 Javascript
实例讲解v-if和v-show的区别
Jan 31 Javascript
Vue.extend 编程式插入组件的实现
Nov 18 Javascript
js通过循环多张图片实现动画效果
Dec 19 Javascript
uniapp实现可以左右滑动导航栏
Oct 21 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
选择PHP作为网站开发语言的原因分享
2012/01/03 PHP
通过PHP current函数获取未知字符键名数组第一个元素的值
2013/06/24 PHP
php内嵌函数用法实例
2015/03/20 PHP
php获取网页上所有链接的方法
2015/04/03 PHP
PHP查看当前变量类型的方法
2015/07/31 PHP
Smarty模板变量与调节器实例详解
2019/07/20 PHP
phpfpm的作用和用法
2019/10/10 PHP
关于laravel 子查询 & join的使用
2019/10/16 PHP
浅谈Javascript面向对象编程
2011/11/15 Javascript
浅谈JavaScript函数的四种存在形态
2016/06/08 Javascript
基于js 字符串indexof与search方法的区别(详解)
2017/12/04 Javascript
vue鼠标悬停事件实例详解
2019/04/01 Javascript
js实现表格单列按字母排序
2020/08/12 Javascript
jquery实现拖拽小方块效果
2020/12/10 jQuery
[09:43]DOTA2每周TOP10 精彩击杀集锦vol.5
2014/06/25 DOTA
python实现的重启关机程序实例
2014/08/21 Python
python结合selenium获取XX省交通违章数据的实现思路及代码
2016/06/26 Python
django 2.0更新的10条注意事项总结
2018/01/05 Python
Python图像的增强处理操作示例【基于ImageEnhance类】
2019/01/03 Python
Python中捕获键盘的方式详解
2019/03/28 Python
解决Pytorch 训练与测试时爆显存(out of memory)的问题
2019/08/20 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
python中HTMLParser模块知识点总结
2021/01/25 Python
CSS 说明横向进度条最后显示文字的实现代码
2020/11/10 HTML / CSS
使用html5制作loading图的示例
2014/04/14 HTML / CSS
美味咖啡的顶级烘焙师:Cafe Britt
2018/03/15 全球购物
舞会礼服和舞会鞋:PromGirl
2019/04/22 全球购物
戴尔新加坡官网:Dell Singapore
2020/12/13 全球购物
什么是封装
2013/03/26 面试题
初中三好学生事迹材料
2014/01/13 职场文书
小学生作文评语大全
2014/04/21 职场文书
小学感恩教育活动总结
2014/07/07 职场文书
实习班主任自我评价
2015/03/11 职场文书
建党伟业观后感
2015/06/01 职场文书
归途列车观后感
2015/06/17 职场文书
整脏治乱工作简报
2015/07/21 职场文书