是否可以在Visual Studio Pre Build事件中添加对ng build更改的监视?

Question

我在Visual Studio 2017中有一个基于angular-cli的项目。我按照以下链接进行了此设置，它可以工作。 http://candordeveloper.com/2017/04/12/how-to-use-angular-cli-with-visual-studio-2017/

我的预构建事件中有以下内容：

echo "cd $(SolutionDir)" &&^
cd "$(SolutionDir)" &&^
echo "Building Project" &&^
ng build &&^
echo 'copy files' &&^

当我在Visual Studio中生成或重新生成项目时，这工作正常。它在我的输出目录中生成基于 angular-cli.json 的捆绑文件。

但是我需要一种方法来观察Visual Studio内部ng build的变化。我在预构建事件中尝试ng build --watch，但在进行此更改后，我的构建过程卡住了。我可以看到使用所有正确的捆绑文件生成的输出目录，但是在Visual Studio 2017中构建过程从未完成。

作为解决方法，我没有在单独的命令窗口中运行ng build --watch。这适用于并监视TypeScript，HTML，CSS更改和重建(如预期的那样(。但希望将其集成到Visual Studio 2017中。

注意：我的tsconfig.json中已经有"compileOnSave": true，但它与ng build不同。 谢谢。

Answer 1

如果有人仍在寻找答案，这是我添加到VStudio中的预构建事件的内容：

powershell start-process "cmd " """/k ng build --watch"""

它会打开一个新的cmd窗口，启动ng构建过程并继续等待更改。当然，一旦完成调试会话，您必须终止cmd窗口。否则，它将在您下次按 F5 时打开一个新的 cmd 窗口

Answer 2

我认为它不能作为Visual Studio中构建事件的一部分的原因是Visual Studio正在等待脚本完成，然后再继续构建过程。在观看时，脚本永远不会"完成"，因为它在 Angular CLI 构建过程中不断监控更改。

我个人希望自己自动化。