[TS] TS模块解析模式和优先级

typescript的模块解析模式有两种: "node" 和 "classic"。

可以在tsconfig.json中通过配置moduleResolution选项来指定解析策略{ "compilerOptions": {

  "moduleResolution": "node" // 'node' 或 'classic'

}}如果未指定，那么在compilerOptions.module === "amd" || "system" || "es2015"时默认值为classic模式。compilerOptions.module为其它情况时("none", "commonjs", "umd")则为node模式。

拓展名优先级顺序补充: typescript 查找扩展名顺序由先到后依次是 .ts -> .tsx -> .d.ts

1. classic模式

1.1 classic模式 相对路径解析

只找"文件名.ts"、"文件名.tsx"、"文件名.d.ts"，找完就结束

// 文件绝对路径 /root/src/folder/moduleA.ts// ↓ moduleA.ts中import { b } from "./moduleB"

查找流程如下：/root/src/folder/moduleB.ts/root/src/folder/moduleB.tsx/root/src/folder/moduleB.d.ts查找结束

后文会省略 .tsx

1.2 classic模式 非相对路径解析

先找"文件名.ts"，再找"../文件名.ts"，再找"../../文件名.ts" (文件夹目录依次向上)

// 文件绝对路径 /root/src/folder/moduleA.ts// ↓ moduleA.ts中import { b } from "moduleB"

查找流程如下：/root/src/folder/moduleB.ts/root/src/folder/moduleB.d.ts/root/src/moduleB.ts/root/src/moduleB.d.ts/root/moduleB.ts/root/moduleB.d.ts/moduleB.ts/moduleB.d.ts查找结束

2. node模式

2.1 node模式 相对路径解析

先找"文件名.ts"，再找 "文件夹名/index.ts"，找完结束。

// 文件绝对路径 /root/src/folder/moduleA.ts// ↓ moduleA.ts中import { b } from "./moduleB"

查找流程如下：/root/src/folder/moduleB.ts/root/src/folder/moduleB.d.ts/root/src/folder/moduleB/index.ts/root/src/folder/moduleB/index.d.ts查找结束

2.2 node模式 非相对路径解析

先找"./node_modules/文件名.ts"，再找"./node_modules/文件夹名/index.ts"

如果此时没找到且有上级目录，继续找"../node_modules/文件名.ts"，再找"../node_modules/文件夹名/index.ts"

// 文件绝对路径 /root/src/folder/moduleA.ts// ↓ moduleA.ts中import { b } from "moduleB"

查找流程如下：/root/src/folder/node_modules/moduleB.ts/root/src/folder/node_modules/moduleB.d.ts/root/src/folder/node_modules/moduleB/package.json (如果指定了"types"属性)/root/src/folder/node_modules/moduleB/index.ts/root/src/folder/node_modules/moduleB/index.d.ts/root/src/node_modules/moduleB.ts/root/src/node_modules/moduleB.d.ts.../node_modules/moduleB.ts/node_modules/moduleB.d.ts/node_modules/moduleB/index.ts/node_modules/moduleB/index.d.ts查找结束

完结同步更新到自己的语雀https://www.yuque.com/diracke...