如何在不使用 systemJS 或捆绑 JS 的情况下使用 TypeScript 和 import 语句？

Question

如果我编写任何 TypeScript 代码并使用 import 语句，则导入将转换为 require 语句。 因为 require 不符合 ECMA，所以我必须使用 systemJS。 我导入其他代码，如类、助手或类似的东西。 或者像 lodash 这样的库。

但是，如果我不想每次都使用 systemJS 或创建 JS 包怎么办？ 还有其他方法吗？

Answer 1

目前你需要一个打包器或至少一个加载器。 随着时间的推移，浏览器将直接支持 ES2015 模块。 AFAIK，目前唯一一个是最近的 Safari 开发者预览版。

当他们这样做时，你将你的主脚本加载为type="module" ：

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

...以及其中的任何import语句，如下所示：

import foo from "./foo.js";

...将被解析和检索。

这一切都是经过深思熟虑的，事情会发生变化，但这就是我们现在规范中的全部内容。