TypeScript中使用类型别名

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

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

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

 "paths": {
      "@/*": ["src/*"]
    },

Copy

JSON

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

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

// 变量别名
import moduleAlias from "module-alias";
moduleAlias.addAlias("@", __dirname);

Copy

TypeScript

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