typescript配置alias的详细步骤
2020-08-18 04:09
1401 查看
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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
您可能感兴趣的文章:
相关文章推荐
- MongoDB 3.4 配置以 Windows 服务计划任务运行的详细步骤
- ros配置主从机(树莓派、TK1)与笔记本之间配置详细步骤
- Hbase 伪分布式安装配置 详细步骤
- Nagios监控搭建与配置详细步骤
- linux配置java环境变量详细步骤
- mongoDB启动项的配置详细步骤(图文配置讲解——一目了然)
- cas + tomcat 配置步骤详细笔记(一)
- Linux环境下运行Eclipse并配置搭建Maven环境详细步骤
- SSH配置详细步骤及异常处理
- tomcat环境变量详细配置步骤
- Oracle Stream配置详细步骤
- Xcode配置SVN详细步骤
- 在Eclipse中配置Heritrix的详细步骤说明
- VC6.0下配置MySQL的详细步骤(含图片)
- MRTG网络流量监控详细配置步骤
- Dell OpenManage IT Assistant (ITA)7.0 安装与配置详细步骤
- Xcode配置SVN详细步骤
- Windows下qt的环境配置及运行一个c++"hello world"实例详细步骤
- centOS配置samba详细步骤及一些错误解决方案
- centos配置nfs服务详细步骤(centos开启nfs服务)