吴世剑小度鱼作者，野生设计师，野生程序员。
关注
TypeScript paths 路径别名(alias)设置
写小度鱼后端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条评论
393
关注
关注
215
粉丝
粉丝
222
帖子
帖子
