typescript中设置别名paths
warning:
这篇文章距离上次修改已过435天，其中的内容可能已经有所变动。
在TypeScript中，可以通过编译器选项 baseUrl 和 paths 来设置别名，这样可以在编写代码时引用模块时使用别名而不是长长的相对路径。
在 tsconfig.json 文件中配置如下：
{
"compilerOptions": {
"baseUrl": ".", // 这里设置基础路径为项目根目录
"paths": {
"@/*": ["src/*"] // 这里设置一个 @ 别名指向 src 目录下的文件
}
// 其他编译选项...
}
}在上述配置中，@/* 表示 src 目录下的任何文件都可以通过 @ 别名加上相对路径来引用。例如，假设有一个文件位于 src/utils/util.ts，那么可以通过以下方式引用它：
import { someFunction } from '@/utils/util';请注意，别名路径是相对于 baseUrl 的，所以在上面的例子中，@ 就是 src 目录。
别名路径是在编译时解析的，所以它们不会影响运行时的模块解析。这意味着在运行时，你仍然需要使用完整的文件路径。
评论已关闭