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

时间:2016-10-31 04:07:26

标签: javascript asp.net visual-studio typescript

我正在使用Webforms

中相当旧的asp.net 4.0 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等gulp插件使用browserify

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

如果我使用gulp方法,我认为这意味着我现在不会使用通过Visual Studio插件安装的TS编译器(所以如果它发出CommonJS格式的鳕鱼我不能使用它的重点是什么在浏览器中?

提前感谢您的任何建议!

1 个答案:

答案 0 :(得分:2)

是的,Web表单可以执行TypeScript和Gulp。以下是一些步骤:

配置npm 配置Bower 使用Gulp配置Bootstrap和我的CSS 更新母版页 配置Gulp-Watch

可以找到完整的解决方案here.

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

“添加文件”选项中没有“Typescript文件”选项,除非您在项目中使用“添加新项”创建了.ts文件,并且您位于“Scripts”文件夹中(如果您的名称不同)要添加此文件的文件夹,此选项将不可用)。当然,您可以从“添加新项目”中添加.ts文件。

请阅读此SO帖子Type Script Web Forms