15

我正在使用 TypeScript 0.8.3 并尝试在保存时进行编译。

我的设置有点不同，但它应该真的可以工作。请记住，当我构建项目时它工作正常，而不是保存：

显然第一件事：工具 > 选项 > 文本编辑器 > TypeScript > 项目 > 保存时编译设置为“自动编译作为项目一部分的 TypeScript 文件”

然后在我的 .csproj 文件中

  <PropertyGroup Condition="'$(Configuration)' == 'Debug'">
    <TypeScriptTarget>ES5</TypeScriptTarget>
    <TypeScriptSourceMap>true</TypeScriptSourceMap>
    <TypeScriptIncludeComments>true</TypeScriptIncludeComments>
    <TypeScriptGeneratesDeclarations>false</TypeScriptGeneratesDeclarations>
    <TypeScriptModuleKind>AMD</TypeScriptModuleKind>
    <TypeScriptOutFile>application.js</TypeScriptOutFile>
  </PropertyGroup>

  <PropertyGroup Condition="'$(Configuration)' == 'Release'">
    <TypeScriptTarget>ES5</TypeScriptTarget>
    <TypeScriptSourceMap>false</TypeScriptSourceMap>
    <TypeScriptIncludeComments>false</TypeScriptIncludeComments>
    <TypeScriptGeneratesDeclarations>false</TypeScriptGeneratesDeclarations>
    <TypeScriptModuleKind>AMD</TypeScriptModuleKind>
    <TypeScriptOutFile>application.js</TypeScriptOutFile>
  </PropertyGroup>

  <!-- this imports the code below from Microsoft.Typescript.targets -->
  <Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets" />

我改变了 Microsoft.TypeScript.targets 如下：

<Target Name="CompileTypeScript">
   <Message Text="Compiling TypeScript files" />
   <Message Text="Creating response file typescriptcompiler.input" />
   <WriteLinesToFile
      File="typescriptcompiler.input"
      Lines="&quot;C:\MyProject\MyProject.Web\Scripts\_references.ts&quot;" <!-- recursively gets individual file paths referenced therein -->
      Overwrite="true"
      Encoding="Unicode"/>

  <Message Text="Executing tsc $(TypeScriptBuildConfigurations) @typescriptcompiler.input" />
  <Exec Command="tsc $(TypeScriptBuildConfigurations) @typescriptcompiler.input" />
  <Delete Files="typescriptcompiler.input"/>
</Target>

然而我仍然需要重建项目来生成我的单曲application.js。保存单个文件不起作用。

注意：当尝试一次编译太多文件时，我必须更改 Microsoft.Typescript.targets 以解决 tsc 使用的 WScript 库中的缓冲区错误。基本上解决方法是写入文件然后传递给编译器。

任何想法为什么它不会在保存时重新编译？

Microsoft.Typescript.targets 中有这条线，但它似乎没有做任何事情我尝试删除这两个条件，所以它总是正确的，保存时仍然没有编译。这应该做什么？：

<TypeScriptCompileOnSaveEnabled Condition="'$(TypeScriptEnableCompileOnSave)' != 'false' and '$(TypeScriptOutFile)' == ''">true</TypeScriptCompileOnSaveEnabled>
4

2 回答 2

6

Compile-On-Save 的当前实现不支持指定输出文件名。一旦有了输出文件名，该功能就会被禁用。如果您查看 .targets 文件，则有一个表达相同含义的语句。

<TypeScriptCompileOnSaveEnabled Condition="'$(TypeScriptEnableCompileOnSave)' != 'false' and '$(TypeScriptOutFile)' == ''">true</TypeScriptCompileOnSaveEnabled>

这是当前实现中的一个限制，应该在未来的版本中取消。我已经记录了一个错误来跟踪这个：http ://typescript.codeplex.com/workitem/854

于 2013-03-29T23:41:49.420 回答
6

您可以解决当前 TypeScript IDE 集成的限制，强制 IDE 在保存某些文件或特定文件时调用您的构建目标。

一步步：

  1. 在 Visual Studio/解决方案资源管理器中选择一个 .ts 文件，该文件应在保存时触发操作；

  2. 单击属性面板（F4）；

  3. 将“自定义工具”属性设置为“**MSBuild:***NameOfYourMSBuildTarget*;

  4. 对于这个例子，我们可以使用现有的CompileTypeScript目标，定义在文件Microsoft.TypeScript.targets中，只要这个文件被导入到项目文件中；

  5. 因此，该属性的值将是MSBuild:CompileTypeScript，如下图所示：

在此处输入图像描述

在此示例中，我仅在文件_references.ts中定义了此属性，即您的问题中提到的那个。但是您可以在任何您希望的文件中指定自定义工具，这取决于您。

我只是建议您避免在多个文件中指定相同的自定义工具，因为这将是多余的并且会减慢您的 TypeScript 编译过程。

之后，每次保存此文件时，都会触发自定义工具属性中指定的操作。

无论您在工具/选项/文本编辑器/TypeScript 中的 TypeScript 编译器设置如何，并且独立于 WebEssentials，此设置都将起作用。

我希望这可以帮助你！

于 2013-05-21T00:44:59.470 回答