将Typescript添加到现有asp.net 4 Webforms项目的推荐方法

Question

我正在Visual Studio 2015.处理相当老的asp.net 4.0 Webforms项目Visual Studio 2015.

对于某些客户端代码，我想开始使用TypeScript而不是Javascript。 我已经在Visual Studio之外的其他项目中使用了TypeScript（例如，使用Visual Studio Code和诸如npm，gulp等节点工具）

现在，我试图查看如何在Visual Studio中使用TypeScript，并看到很多相互矛盾的文章，以及各种版本的TypeScript / VS。

我已经向VS添加了TypeScript文件，并且VS报告了它现在支持Typescript，并在项目文件中添加了几行。 A还为Typescript（版本2）添加了VS扩展

我建立我的专案并取得.js和.map档案。 这些文件为CommonJS格式，因此我需要加载这些文件或使用某种捆绑方式进行转换。

这是我不知道要去的地方。 另外，我已经阅读了有关如何配置Typescript的冲突报告（例如，Visual Studio是否将使用tsconfig.json文件）

在非asp.net项目中，我将gulp与gulp-typescript browserify等gulp插件一起使用。

我在asp.net项目中是否做同样的事情，或者是否有其他方法将JS捆绑并将其转换为浏览器可用代码？

如果我使用gulp方法，那么我认为这意味着我现在将不再使用通过Visual Studio插件安装的TS编译器（因此，如果它发出了我无法在浏览器中使用的CommonJS格式的鳕鱼，那有什么意义？ ？

在此先感谢您的任何建议！

Answer 1

是的，Web窗体可以执行TypeScript和Gulp。 以下是一些步骤：

配置npm配置Bower配置Gulp配置Bootstrap和My CSS更新母版页配置Gulp-Watch

完整的解决方案可以在这里找到。

对于TypeScript ，除非您在项目中使用“添加新项”创建了.ts文件，否则文件属性的“生成操作”上的选项“ TypeScriptCompile”不可用，并且会引发异常。 创建第一个文件后，即可找到此选项，并可将其手动设置为.ts文件。

除非您在项目中使用“添加新项”创建了一个.ts文件，并且您位于“脚本”文件夹中（如果您以不同的方式命名该文件夹，则“添加文件”选项中的选项“ Typescript文件”不可用）您要添加此文件，则该选项将不可用）。 当然，您可以从“添加新项”添加.ts文件。

请阅读此SO线程类型脚本Web表单