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

Question

我正在使用相当旧的 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 的 VS 扩展(版本 2)

我构建我的项目并获取 .js 和 .map 文件。这些文件位于 CommonJS格式，所以我需要加载这些或使用某种捆绑进行转换。

这是我不知道去哪里的地方。此外，我阅读了有关如何配置 Typescript 的相互矛盾的报告(例如，Visual Studio 是否将使用 tsconfig.json 文件)

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

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

如果我使用 gulp 方法，我假设这意味着我现在将不会使用通过 Visual Studio 插件安装的 TS 编译器(所以如果它发出我无法使用的 CommonJS 格式的 cod，这有什么意义在浏览器中？

在此提前感谢您的任何建议!

Answer 1

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

配置 npm配置凉亭使用 Gulp 配置 Bootstrap 和 My CSS更新母版页配置 Gulp-Watch

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

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

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

请阅读此 SO 线程 Type Script Web Forms