tsconfig之moduleResolution详解

最新推荐文章于 2025-03-24 21:34:12 发布

wflynn

最新推荐文章于 2025-03-24 21:34:12 发布

阅读量1.1w

点赞数 6

文章标签： javascript typescript angular.js

文章来源：原创地址

本文链接：https://blog.csdn.net/weixin_40013817/article/details/127200965

版权

作用

moduleResolution：模块解析策略,是指编译器在查找导入模块内容时所遵循的流程

如下代码，编辑器会采用模块解析策略 Node 和 Classic，去查找 moduleB 在哪里？如果最后找不到，
编译器不能解析这个模块会返回错误 error TS2307: Cannot find module 'moduleA'

import {
	b
} from "./moduleB"

相对导入是以 /，./ 或 ../ 开头的

import Entry
	from "./components/Entry";
import {
	DefaultHeaders
} from "../constants/http";
import "/mod";

其它形式的导入被当作非相对的

import * as $
  from "jQuery";
import {
  Component
} from "@angular/core";

这种策略在以前是 TypeScript 默认的解析策略。

如 /root/src/folder/A.ts 文件里的 import { b } from "./moduleB" 会使用下面的查找流程

从包含导入文件的目录开始依次向上级目录遍历，尝试定位匹配的声明文件

如 /root/src/folder/A.ts 文件里的 import { b } from "moduleB" 会使用下面的查找流程

如 /root/src/moduleA.js 文件里的 var x = require("./moduleB"); 会使用下面的查找流程

/root/src/moduleB.js
/root/src/moduleB 目录是否包含一个 package.json 文件，且 package.json 文件指定了一个 main 模块，如果 Node.js 发现文件 /root/src/moduleB/package.json 包含了 { "main": "lib/mainModule.js" }，那么 Node.js 会引用 /root/src/moduleB/lib/mainModule.js
/root/src/moduleB 目录是否包含一个 index.js，这个文件会被隐式地当作那个文件夹下的 main 模块。

Node 会在一个特殊的文件夹 node_modules 里查找你的模块。 node_modules 可能与当前文件在同一级目录下，或者在上层目录里。 Node 会向上级目录遍历，查找每个 node_modules 直到它找到要加载的模块。

如 /root/src/moduleA.js 文件里的 var x = require("moduleB"); 会使用下面的查找流程

TypeScript 是模仿 Node.js 运行时的解析策略来在编译阶段定位模块定义文件。

TypeScript 在 Node 解析逻辑基础上增加了 TypeScript 源文件的扩展名（ .ts，.tsx 和 .d.ts）
TypeScript 在 package.json 里使用字段 types 来表示类似 main 的意义 - 编译器会使用它来找到要使用的 main 定义文件