javascript - 将一个 typescript 文件导入另一个浏览器文件

Question

如何在浏览器应用中使用 2 个以上的 typescript 文件？

测试.ts:

export class Test
{    
}

主要.ts

import { Test } from "test";

我知道浏览器本身无法处理导入语句。使用 Angular，它将所有文件组合成一个在浏览器中运行的 JavaScript 文件。

通过指定一个输出文件，它将编译成一个 JavaScript 文件，但只能与 AMD 或系统模块一起使用，然后在浏览器中不起作用(说系统或定义未定义)。

与Java、AS3、C++、C#相比，使用多个文件似乎比较困难。我可以用传统的 JS 方式完成它，并将所有内容都放在一个巨大的文件中，但我认为使用 TypeScript 的浏览器项目可以有多个文件(并且知道使用 Angular 或 Ionic 是可能的，它们构建在它)。

Answer 1

这不是编译器的工作，尤其是 tsc 中的 outFile 用法略有不同。您需要的是 bundler，它可以将每个单独模块中的单个 javascript 文件 block 加载到浏览器中。查看 webpack、parcel、rollup 等打包器，您可以了解它的工作原理。