在 HTML 文档中嵌入 TypeScript 代码答案

【问题标题】：Embed TypeScript code in an HTML document在 HTML 文档中嵌入 TypeScript 代码
【发布时间】：2012-12-10 13:18:13
【问题描述】：

是否可以在网页中嵌入 TypeScript 代码？我想在脚本标签中嵌入 TypeScript 代码，就像这样（以便它自动编译为 Javascript）：

<script type = "text/typescript">
    //TypeScript code goes here
</script>

【问题讨论】：

如果您使用运行时编译器，这是可能的，但您到底为什么要这样做？ TypeScript 旨在编译为 JavaScript，在运行时翻译它会给你带来性能损失。
@PeterOlson 已经有一些 JavaScript 库可以将 TypeScript 编译为 JavaScript（如下所述）。它们都被认为是“运行时编译器”吗？
是的，那些是运行时编译器

【解决方案1】：

实际上有几个项目允许您使用这样的 TypeScript 代码 - TypeScript Compile、ts-htaccess。

这里的问题是 .ts 代码应该编译成 JavaScript - 它可以在客户端（慢；整个 TSC 也应该加载到客户端）或服务器端（显然更快，并且在编译后的代码上利用缓存要容易得多）。

【讨论】：

【解决方案2】：

这是我写的一个版本，直接使用来自 Microsoft/TypeScript/master 的版本，因此它始终保持最新：https://github.com/basarat/typescript-script

您甚至可以将 ts 指向您可能拥有的任何其他 TypeScript 版本，它会正常工作?

【讨论】：

【解决方案3】：

已经为此目的开发了一个 JavaScript 库 - 它被称为 TypeScript Compile，它允许将 typescript 嵌入到 HTML 中（如上所示。）

【讨论】：