首页
学习
活动
专区
工具
TVP
发布
技术百科首页 >TypeScript >TypeScript如何进行模块解析?

TypeScript如何进行模块解析?

词条归属:TypeScript

TypeScript可以使用不同的模块解析策略来解决模块依赖问题。以下是TypeScript进行模块解析的方式:

相对路径

使用相对路径引入其他模块。

代码语言:javascript
复制
import { Component } from "../component";

绝对路径

使用绝对路径引入其他模块。

代码语言:javascript
复制
import { Component } from "/components/component";

根据baseUrl解析

可以在tsconfig.json文件中设置baseUrl,然后使用相对路径引入其他模块。

代码语言:javascript
复制
{
  "compilerOptions": {
    "baseUrl": "./src"
  }
}

import { Component } from "components/component";

根据path解析:

可以在tsconfig.json文件中设置paths,然后使用短名称引入其他模块。

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

import { Component } from "@components/component";
相关文章
模块解析机制_TypeScript笔记14
模块化机制让我们能够把代码拆分成多个模块(文件),而编译时需要知道依赖模块的确切类型,那么首先要找到它(建立模块名到模块文件路径的映射)
ayqy贾杰
2019-06-12
1.7K0
TypeScript 模块
模块是在其自身的作用域里执行,并不是在全局作用域,这意味着定义在模块里面的变量、函数和类等在模块外部是不可见的,除非明确地使用 export 导出它们。类似地,我们必须通过 import 导入其他模块导出的变量、函数、类等。
程序猿的栖息地
2024-02-17
940
TypeScript 之模块
JavaScript 有一个很长的处理模块化代码的历史,TypeScript 从 2012 年开始跟进,现在已经实现支持了很多格式。不过随着时间流逝,社区和 JavaScript 规范已经收敛为名为 ES 模块(或者 ES6 模块)的格式,这也就是我们所知道的 import/export 语法。
玖柒的小窝
2021-12-09
1.1K0
在 TypeScript 中,如何在不同文件之间进行模块化引用和导出?
在 TypeScript 中,可以使用 import 和 export 关键字在不同文件之间进行模块化引用和导出。
王小婷
2023-09-14
1.1K0
快速学习TypeScript——模块
从ECMAScript 2015开始,JavaScript引入了模块的概念。TypeScript也沿用这个概念
玖柒的小窝
2021-11-16
1.2K0
点击加载更多
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
领券