如何将TypeScript集成到ASP.NETCore项目中？

本文共计748个文字，预计阅读时间需要3分钟。

今天尝试了下在Asp.net core中集成typescript，发现vs2019对typescript的集成支持相当友好。以下简要介绍下：

由于typescript文件需要编译为js后作为静态文件发布，因此首先需要编译typescript文件。

今天试了下在Asp.net core中集成typescript，发现vs2019对typescript集成的支持还是非常友好的。本文在这里简单的介绍一下。

由于typescript文件是编译为js后作为静态文件发布的，因此首先需要启用静态文件浏览：

app.UseStaticFiles();

在WWWRoot文件夹下添加ts文件：

此时VS会提示安装Microsoft.TypeScript.MSBuild Nuget包，根据向导安装即可。

编辑TypeScript文件，可以看到生成了相应的js文件。

新建html文件，引入生成的js文件即可。

<script src="scripts/app.js"></script>

以上就是一个基本的流程，本身是比较简单的，VS自动集成了build工具，编辑或生成项目的时候，会将ts文件生成js文件，html中直接引用生成的js即可。