注册账号登录
吴世剑
小度鱼作者,野生设计师,野生程序员。
关注

TypeScript paths 路径别名(alias)设置

技术TypeScript创建于2020/02/233552次阅读
写小度鱼后端api的时候,ts路径别名的问题一直没有找到解决办法,现在找到了分享一下

-------------------------------------------------------
实现后的效果

ts
import as socket from '@src/socket'

输出js
const socket_1 = require("../../../socket");

-------------------------------------------------------
实现方法

1、在tsconfig.json,配置paths,路径别名
{
  compilerOptions: {
    "baseUrl": "./",
    "paths": {
      "@src/*": ["src/*"]
    }
  }
}

2、安装ttypescript 
npm install ttypescript --save-dev

3、安装typescript
npm install typescript --save-dev

4、安装typescript-transform-paths
npm install typescript-transform-paths --save-dev

5、在package.json文件中增加脚本
{
  "scripts": {
    "dist": "ttsc",
    "watch-ts": "ttsc -w",
  }
}

6、打包
单次打包 npm run dist
实时监听ts文件 npm run watch-ts
1条评论
每日一水
回复
吴世剑
小度鱼作者,野生设计师,野生程序员。
关注私信
387
关注
200
粉丝
221
帖子