当Visual Studio运行有/无调试时,是否可以在保存时编译Angular 5 TypeScript?

时间:2018-02-09 11:43:48

标签: angular msbuild visual-studio-2017 angular5

所以我们在这里运行一个非常庞大的ASP.NET MVC项目。在一个视图中,我需要在我的Angular 5项目中包含@Partial()。这个Angular项目只是使用ng new PROJECTNAME初始化。

现在我必须cd进入项目文件夹并运行ng build以手动构建它。我已经在我的csproj文件中添加了一个MSBuild,所以它在我运行项目时自动运行ng build命令(带调试( F5 ),无需调试( Ctrl < / kbd> + F5 ),或者只是构建( Ctrl + Shift + B )。

这非常烦人,因为编译需要相当长的时间(大约10秒),每次我做出更改时都必须这样做。

如果我只是使用ng serve运行项目,它会在1秒内自动编译保存。

是否有可能模仿这种行为,因此我的代码编译速度比ng build快?

1 个答案:

答案 0 :(得分:0)

你知道的越多:

ng build --watch

这就是全部。它将监听文件更改并仅编译受影响的文件(我猜)。

编辑:不要把它放到MSBuild配置中,因为这会弄乱它。即使您在BeforeBuildAfterBuild中添加它,也不会启动Web服务器等等。

我的解决方案:

  1. 构建项目并运行它(带/不带调试)
  2. 在文件夹
  3. 中打开CMD和cd
  4. 运行ng build --watch命令并将其置于单独的窗口中
  5. 这是我能找到的唯一解决方案,所以它没有增加编译应用程序的时间,这不是你想在一个包含很多项目的大解决方案中做的事情,因为你有可能在这个特定的工作页面有点低。