是否可以在 Visual Studio Pre Build 事件中添加监视 ng build 的变化？

Question

我angular-cli在 Visual Studio 2017 中有一个基于项目。我按照以下链接进行了此设置，并且可以正常工作。 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 在我的输出目录中生成包文件。

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

作为一种解决方法，我没有ng build --watch在单独的命令窗口中运行。这有效并观察 TypeScript、HTML、CSS 更改和重建（如预期）。但想将其集成到 Visual Studio 2017 中。

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

Answer 1

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

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

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