使用 TypeScript 的 WebDeploy 包含错误的文件答案

【问题标题】：WebDeploy with TypeScript includes wrong files使用 TypeScript 的 WebDeploy 包含错误的文件
【发布时间】：2016-06-22 13:52:40
【问题描述】：

我最近开始在 Visual Studio 中使用 TypeScript 进行前端开发的 MVC 项目。我不确定标准到底是什么，但我选择将我的 TypeScript 放在项目根目录下名为 Frontend 的文件夹中（主要是为了避免在 Scripts 中构建无法正常工作的另一个问题直接地）。使用.tfconfig（我相信这是1.8 的功能），我将outDir 设置为/Scripts/app。在我的本地环境中，一切都按预期构建并部署到 IISExpress；还没有问题。

但是，当我尝试在此项目上（特别是从我的 CI 服务器）运行 WebDeploy 时，我看到由于缺少文件而导致的失败。具体来说，它不仅尝试从 Scripts 复制 js 文件，还为我在 Frontend 目录中的每个 ts 源文件寻找对应的脚本。这似乎是 WebDeploy 过程的一个问题，但我无法找到避免它的方法，或者告诉它不要包含该目录（或者弄清楚它为什么会出现在那里）。

【问题讨论】：

标签： typescript visual-studio-2015 webdeploy typescript1.8

【解决方案1】：

我在 Typescript 1.8 和 Visual Studio Team Services（以前是 Visual Studio Online）构建 CI 时遇到了同样的问题。我在 Github 上找到了相关讨论，例如here 和here

为我解决的问题是从 tsconfig.json 文件中删除 "outDir": "./Scripts" 字段

【讨论】：

如果去掉outDir，有没有其他方法可以控制输出？我没有机会查看链接的问题，所以我无法弄清楚为什么你在这里的建议会有所帮助。
通过从配置文件中删除 outDir，javascript 文件在同一个文件夹中生成，然后我使用 Gulp 复制到输出目录。您可以使用 Gulp、Grunt、Webpack 等来移动 javascript 文件。这绝对是一种解决方法，在我的回答中提到的 Github 上的讨论表明该问题已在早期版本的 Typescript 中解决，但看起来 Webdeploy 配置正在破坏