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

Recommended way to add Typescript to an existing asp.net 4 Webforms project

本文关键字：添加 Typescript 项目方法 Webforms asp net 更新时间：2023-09-26

我正在做一个相当老的asp.net 4.0 Webforms项目在Visual Studio 2015.

我想开始使用TypeScript而不是Javascript的一些客户端代码。我在Visual Studio之外的其他项目中使用过TypeScript(例如使用Visual Studio Code和node工具，如npm, gulp等)

现在，我正试图了解如何在Visual Studio中使用TypeScript，并看到相当多的冲突的帖子，以及各种版本的TypeScript/VS参考。

我在VS中添加了一个TypeScript文件，VS报告它现在支持TypeScript，并在项目文件中添加了几行。我们还为Typescript (version 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格式的代码，我不能在浏览器中使用，这有什么意义?

提前感谢这里的任何建议!

是的，Web表单可以使用TypeScript和Gulp。下面是一些步骤:

配置npm配置鲍尔用Gulp配置Bootstrap和My CSS更新母版页配置Gulp-Watch

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

对于TypeScript，除非你在项目中创建了一个带有"Add New Item"的.ts文件，否则文件属性的"Build Action"上的选项"TypeScriptCompile"不可用，并且会引发异常。创建第一个文件后，您可以找到这个选项，并手动将其设置为.ts文件。

选项"Typescript file"在"Add file"选项中是不可用的，除非你的项目中有一个用"Add New Item"创建的.ts文件，并且你在一个"Scripts"文件夹中(如果你想添加这个文件的文件夹的名字不同，这个选项是不可用的)。当然，你可以在"添加新项目"中添加一个。ts文件。

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