如何配置Visual Studio以将所有TypeScript文件合并到一个JavaScript文件中?

时间:2013-01-13 10:43:15

标签: visual-studio-2012 typescript tsc

使用tsc命令就像运行一样简单:

tsc --out all.js js/*.ts

如何在构建项目时将Visual Studio配置为执行此操作?

3 个答案:

答案 0 :(得分:3)

我通过修改您正在构建的项目(.csproj / .vbproj)的构建属性找到了一个可能更简单的解决方案:

Project Build Typescript Settings

我不确定引入此功能的哪个版本的Typescript。但它似乎比svallory的解决方案更简单的方法

来源:http://rostacik.net/2013/12/18/how-to-setup-post-build-event-in-visual-studio-to-combine-multiple-typescript-files-to-one-javascript-file/

编辑:从Visual Studio 2015开始,现在很容易集成Grunt / Gulp任务并让它们在您的构建中运行。我个人非常喜欢使用Gulp来更精细地控制我构建和/或缩小的文件,我强烈推荐它。使用this guide作为起点应该会有所帮助。

答案 1 :(得分:2)

得到它。添加以下行:

<Exec Command="tsc --out all.js @(TypeScriptCompile ->'&quot;%(fullpath)&quot;', ' ')" />

BeforeBuild.csproj文件的.vbproj目标,如下所示:

<Target Name="BeforeBuild">
    <Message Text="Compiling TypeScript files" />
    <Message Text="Executing tsc$(TypeScriptSourceMap) @(TypeScriptCompile ->'&quot;%(fullpath)&quot;', ' ')" />
    <Exec Command="tsc$(TypeScriptSourceMap) @(TypeScriptCompile ->'&quot;%(fullpath)&quot;', ' ')" />
    <Exec Command="tsc --out all.js @(TypeScriptCompile ->'&quot;%(fullpath)&quot;', ' ')" />
</Target>

答案 2 :(得分:1)

似乎所提出的解决方案是针对打字稿0.8.1.1而不是0.8.2