tsc-alias打字稿编译后将绝对路径替换为相对路径
tsc-alias 的路径替换功能,蛮适合你用绝对路径写项目但又想在编译后输出干净代码的场景。它不依赖运行时,编译完直接,挺方便。
打字稿编译后的路径别名问题,一直让人挺头疼,尤其多项目引用的时候。tsc-alias
专门干这个活儿,配置完tsconfig.json
里的baseUrl
和paths
,再在构建脚本里加一行命令就行。
安装也不复杂,全局或 dev 都行:
npm install -g tsc-alias
npm install --save-dev tsc-alias
在package.json
里加上:
"scripts": {
"build": "tsc --project tsconfig.json && tsc-alias -p tsconfig.json"
}
就这样,构建的时候它会自动帮你把@
或者其他自定义别名转成相对路径。响应也快,代码也清爽。
如果你还在用webpack
或者gulp
别名路径,也可以看看类似工具:gulp-ts-alias、tspath,还有适配webpack
的tsconfig-paths-webpack-plugin也不错。
用的时候注意一点:别名路径和tsconfig.json
的位置一定要对得上,不然替换不到。
tsc-alias-master.zip
预估大小:39个文件
tsc-alias-master
文件夹
.gitignore
1KB
projects
文件夹
project4
文件夹
package.json
141B
src
文件夹
index.ts
261B
lib
文件夹
commons
文件夹
index.ts
30B
64.92KB
文件大小:
评论区