tsc 在 ASP.NET Core 和 Angular 2 项目中答案

【问题标题】：tsc in an ASP.NET Core and Angular 2 projecttsc 在 ASP.NET Core 和 Angular 2 项目中
【发布时间】：2016-06-12 23:33:12
【问题描述】：

我正在使用.NET Core rc2 WebAPI 和Angular2 rc1 使用TypeScript 开发一个新项目。一切都已设置并运行良好。 .NET Core 只处理 API，Angular2 处理所有视图。

我的 ts 文件位于根项目文件夹的子文件夹 script 中，因为它们需要访问 node_modules 文件夹。在我的tsconfig 中，我有一个outDir，它指向wwwroot/app。我的ts 文件被编译到该文件夹中，然后包含js 和js.map 文件。但是，它们本身不包含 ts 文件，因此我无法在 chrome 或 firebug 中调试它们。

将所有内容移动到wwwroot/app 文件夹不是解决方案，因为我还需要将node_modules 移动到wwwroot，这会导致发布包很大。

我绝对想在监视模式下运行tsc，同时在监视模式下运行node.js 的lite-server。这种设置显着加快了开发速度，我不想错过这个选项。

我认为我需要一种方法来编译我的 root/script 文件夹中的所有内容（map 文件需要指向 ts 文件的正确位置），然后作为构建后过程复制所有内容(ts, js and js.map) 进入wwwroot/app 文件夹。

是否可以在监视模式下运行tsc，并在编译一个或多个ts 文件时触发这种构建后任务？

欢迎任何其他解决方案。

【问题讨论】：

标签： angular asp.net-core tsc

【解决方案1】：

您可以使用节点模块编译您的 Typescript，然后使用 Grunt (grunt-typescrpit) 或 Gulp 创建一个监视任务来检查文件中的更新。

例如：Automating TypeScript with Node And Grunt

【讨论】：