ASP.NET Core 和 Angular 2 项目中的 tsc

tsc in an ASP.NET Core and Angular 2 project

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

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

中调试它们

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

我绝对想 运行 tsc 在手表模式下 node.jslite-server 在手表模式下也是如此。此设置可显着加快开发速度,我不想错过该选项。

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

是否可以 运行 tsc 在监视模式下使用这样一个 post 构建任务,只要编译一个或多个 ts 文件就会触发?

欢迎任何其他解决方案。

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

例如:Automating TypeScript with Node And Grunt