visual-studio-2012 - 如何在 Visual Studio 2012 中包含 TypeScript 文件并编译整个文件？

Question

我已经安装了最新版本的 TypeScript 和最新版本的 Web Essentials。我在 VS2012 中创建了一个新的 TypeScript 项目。

如果有一个utils.ts:

moduls utils
{
    export function getNumber() {
        return 4;
    }
}

还有一个app.ts:

/// <reference path="utils.ts" />

alert(utils.getNumber().toString());

JavaScript 文件都是单独编译的。但是要让 app.js 正常工作，utils.ts 的编译源代码显然必须包含在内。

当我在我的控制台中运行 tsc app.ts -out app.js 时它确实有效，但我不想每次都手动运行它。

为什么 Web Essentials 不能为我做这件事？

Answer 1

我安装了 Web Essentials，因为我喜欢并排编辑，但我使用项目文件中的 TypeScript 编译器来编译单个输出。

详情在这里:http://www.stevefenton.co.uk/Content/Blog/Date/201301/Blog/Getting-The-Right-Set-Up-For-TypeScript/

但是您的项目文件的代码块是:

<Target Name="BeforeBuild">
    <Exec Command="&quot;$(PROGRAMFILES)\Microsoft SDKs\TypeScript\$(TypeScriptVersion)\tsc&quot; --out final.js @(TypeScriptCompile ->'&quot;%(fullpath)&quot;', ' ')" />
</Target>

您可能会发现这大部分已经存在于您的项目文件中，您只需添加 --out 标志。