ts文件默认导入如何写?
时间: 2023-07-20 07:26:20 浏览: 37
在 TypeScript 中,可以使用 `export default` 语法来导出一个默认模块。默认导出的模块可以在其他模块中使用 `import` 语法进行导入,而不需要指定模块的名称。以下是默认导出语法的示例:
```
// module1.ts
const module1 = {
name: 'module1',
version: '1.0.0'
};
export default module1;
```
在上面的示例中,`module1` 是一个对象,通过 `export default` 语法将其作为默认模块进行导出。在其他模块中可以使用以下语法进行导入:
```
// app.ts
import module1 from './module1';
console.log(module1.name); // 输出:module1
```
需要注意的是,一个模块只能有一个默认导出。如果要导出多个对象或函数,则需要使用命名导出的方式进行导出,即使用 `export` 关键字指定每个导出的名称。例如:
```
// module2.ts
export const name = 'module2';
export const version = '2.0.0';
```
在上面的示例中,使用 `export` 关键字指定了两个导出项,分别是 `name` 和 `version`。在其他模块中可以使用以下语法进行导入:
```
// app.ts
import { name, version } from './module2';
console.log(name); // 输出:module2
console.log(version); // 输出:2.0.0
```
需要注意的是,命名导出的模块在导入时需要指定导出的名称,不能使用默认导出的方式进行导入。