TypeScript教程：module模块

由微软推出的TypeScript自从一推出就广受关注，现在无论开发前端React/Vue，还是后端API，很多项目中都广泛接受了TypeScript。下面介绍TS中模块的使用。

TypeScript

配置

首先在tsconfig.json中做如下修改：

json

"target": "es6",
"module": "es2015"

同时，在HTML页面中引用JS时，使用module关键字：

markup

<script type="module" src="app.js"/>

代码

首先创建src/classes/Student.ts:

TypeScript

export class Student {
    constructor(private id: string, private name: string) {
    }
}

在使用的时候，比如在src/app.ts中：

TypeScript

import { Student } from './classes/Student';

new Student('9901', 'Paul');

在使用模块的时候，潜在的问题

• 旧版本浏览器不支持
• 默认方式下，会将不同的TS编译成单独的JS文件。