问将TypeScript编译为单个JS文件

EN

您必须使用编译器的命令行参数

--outFile FILE连接并将输出发送到单个文件

示例

 tsc --outFile modules.js main.ts app.ts

使用GUI

如果已安装Visual Studio2013和TypeScript扩展，请在解决方案资源管理器中右键单击项目，然后选择Properties。单击TypeScript Build选项卡。选择Combine JavaScript output into file:，然后在选项右侧的输入字段中键入要用于组合文件的名称。请记住，您可以在此字段中使用变量。例如："$(ProjectDir)dist\js\myCombinedFile.js“。

手动

如果在任何地方都找不到此GUI选项，请手动修改项目配置文件。转到项目文件夹；在解决方案资源管理器中右键单击该项目，然后单击Open folder in File Explorer。在弹出的文件夹中，您将看到几个文件。使用您选择的任何文本编辑器编辑文件myProject.csproj。找到两行代码，如下所示：

<PropertyGroup Condition="'$(Configuration)' == 'Debug'">

和

<PropertyGroup Condition="'$(Configuration)' == 'Release'">

在子节点的两个树中，为每个父节点添加一个新的子节点：

<TypeScriptOutFile>$(ProjectDir)dist\js\myCombinedFile.js</TypeScriptOutFile>

当您回到Visual Studio时，他会询问您是否重新加载项目。当然，这是为了使更改生效而必须做的事情！

我刚才描述的手动过程就是GUI过程为您做的事情。我对手动过程的想法源于this source。

最后

像平常一样构建你的项目。如果它不工作，尝试重新加载您的项目。

为此，您不需要任何第三方工具或库。

你可以使用微软的System.Web.Optimization

BundleTable.Bundles.Add(new ScriptBundle("~/scripts/bundle.js").IncludeDirectory("~/scripts/", "*.js", true));

所有*.js文件(编译*.ts文件的结果)都将合并在一起，并可在运行时从以下位置访问：

http:// .../scripts/bundle.js