如何在 MVC 应用程序中使用 TypeScript答案

【问题标题】：How to work with TypeScript in an MVC application如何在 MVC 应用程序中使用 TypeScript
【发布时间】：2014-01-24 20:53:33
【问题描述】：

我正在使用 Visual Studio 2013 创建一个 MVC5 应用程序。我决定在客户端使用 TypeScript。我已经安装了 TypeScript 并且或多或少地配置了。当我构建项目时，JavaScript 文件出现在 TypeScript 文件（*.js 和 *js.map）旁边。

问题是这些文件不包含在解决方案中。只有在解决方案资源管理器中选择“显示所有文件”或使用文件资源管理器浏览我的解决方案文件夹时才能看到它们。

我看到了两个不好的后果：

当我将 .js 文件添加到类似 <script src="~/Scripts/Custom/Tmp.js"></script> Resharper 的视图中时，Resharper 会抱怨“项目文件应位于 XYZ”。但是，当我运行 MVC 应用程序时，JavaScript 工作正常。
如果 .js 文件未包含在解决方案中，它们将不会发布，因此网页将无法正常工作。

我想到的唯一解决方案是手动添加文件，但是：

在 MVC 应用程序中使用 TypeScript 的正确方法是什么？

【问题讨论】：

虽然 Typescript 编译在 VS 中应该可以正常工作，但您也可以使用 BundleTransformer (bundletransformer.codeplex.com) 在运行时编译、最小化等 TypeScript

【解决方案1】：

到目前为止，我对像您这样的项目的经验是没有问题的。用了这么多 TypeScript，再看 JavaScript 就很痛苦了！

问题 1) 在普通 VS 中不会发生，这表明问题出在 ReSharper 上。

问题 2) 不是。部署以某种方式工作； .js 文件已发布，但 .js.map 文件未发布。

【讨论】：