TypeScript中使用类型别名

2022-07-06 15:05:44 浏览数 (1)

在很多打包工具或者使用cli创建的项目中都会提供类型别名,例如Vue-cli中使用@可以代表绝对路径src。

但是在使用TypeScript开发Node.js项目中却没有这个选择,当然我们可以在tsconfig.json中设置path参数,但是这个只是路径不报错和有利于路径提示,在ts-node运行时还是会报错,社区中提供了一个叫typescript-paths的插件来解决问题,但是这个插件对增量编译非常不友好(ts在项目大了之后全量编译随便改一点就要等2分钟),对此我们可以使用插件module-alias来解决。

1.首先我们依然是在tsconfig.json中设置ts的路径别名,这是是可以让ts不报错并且有良好的路径提示。

代码语言:javascript复制
 "paths": {
      "@/*": ["src/*"]
    },

Copy

JSON

2.安装插件module-alias,这个非常简单yarn add module-alias或者npm intall module-alias

3.在入口文件的顶部配置路径别名(可以在package.json里面但是增量编译的话需要额外复制一个文件)

代码语言:javascript复制
// 变量别名
import moduleAlias from "module-alias";
moduleAlias.addAlias("@", __dirname);

Copy

TypeScript

整个配置可以配置多个别名,同时可以编写回调函数。如果你是使用了TS进行项目开发可以结合TS Node.js进行增量编译这篇文章结合一下进行项目配置

0 人点赞