如何在不使用 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";

...將被解析和檢索。

這一切都是經過深思熟慮的，事情會發生變化，但這就是我們現在規范中的全部內容。