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

时间:2016-06-12 23:33:13

标签: angular asp.net-core tsc

我正在使用.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,这将导致一个巨大的发布包。

我绝对希望在观察模式下tscnode.js lite-server处于监听模式。这种设置大大加快了开发速度,我不想错过这个选项。

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

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

欢迎任何其他解决方案。

1 个答案:

答案 0 :(得分:1)

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

例如:Automating TypeScript with Node And Grunt