在Visual Studio中引用TypeScript中自动生成的JavaScript文件

Question

我正在Visual Studio 2012中开发一个Web应用程序，我有一个包含一些项目的解决方案。此外，我正在使用TypesScript插件（版本1.0RC），我希望将所有TypeScript开发保留在一个单独的项目中，同时仅在实际需要使用它们的项目中引用自动生成的JavaScript文件。为此，我尝试了几种方法，但我并不完全满意。

考虑以下两个项目的目录树：

WebProject
|
– /img
– /includes
– /js
– index.html
– web.config

TypeScriptProject
|
– file1.ts
– file2.ts

我想在TypeScriptProject file1.js文件夹中保留所有自动生成的JavaScript文件的更新版本file2.js（在本例中为js和WebProject） {1}}。这是我到目前为止所尝试的内容：

1. 在WebProject 中将JavaScript文件添加为常规文件：由于在js文件夹中创建了该文件的新副本，因此无效。此新副本不会反映将来对原始TypeScript文件所做的更改。
2. 将自动生成的JavaScript文件添加为WebProject 中的链接：这似乎首先使用了一些specific settings，但后来我发现它没有由于某种原因我在所有环境中工作，我还没有意识到。

如果有人在考虑（或使用中）时有更好的解决方案，我们将不胜感激。

Answer 1

您可以将{grunt-ts与--outDir选项一起使用：https://github.com/grunt-ts/grunt-ts#compiler-support

以下是一个示例grunt文件，可帮助您入门：https://github.com/grunt-ts/grunt-ts/blob/master/sample/Gruntfile.js

Answer 2

从VS 2013 Update 2 RC开始，现在您可以编辑TypeScript项目设置，以便完全按照问题中的描述进行操作。

为此，请转到项目属性，然后选择TypeScript Build选项卡。在Output区域中，选中Redirect JavaScript output to directory选项并定义要将JavaScript文件复制到的目录。