如何让“ng serve”等待“ng build”完成？答案

【问题标题】：How can I make "ng serve" wait for "ng build" to finish?如何让“ng serve”等待“ng build”完成？
【发布时间】：2020-01-24 09:00:40
【问题描述】：

我开始从事公司的项目，有人告诉我要启动本地开发服务器，我必须先运行以下命令： "package:serve": "ng build project-name --watch" 然后： "start": "ng serve"

这样做的问题是，ng serve 在 ng build 开始重新编译时就开始重新加载，因此每次文件更改后它都会刷新浏览器约 3 次，并且通常不会在浏览器窗口中显示新的更改直到第四次（手动）刷新。

现在您可以看到，使用它非常不舒服。我希望 ng serve 在构建完成后只刷新 1 次。

【问题讨论】：

检查这个包npmjs.com/package/concurrently
@PranoySarkar 这看起来很有希望，但它在ng build 编译之前启动ng serve，所以它立即崩溃，只有ng build --watch 还在运行。我试过的命令：concurrently -n "package,serve" "npm run package:serve" "npm run start"

【解决方案1】：

由于另一个问题，我设法解决了这个问题： Angular serve library

我用正确的库路径（不是 /dist/）编辑了我的 tsconfig.json

改变了

    "paths": {
      "my-lib": [
        "dist/my-lib"
      ],
      ...

到

    "paths": {
      "my-lib": [
        "projects/my-lib/src/public-api"
      ],
      ...

现在我只能使用 ng serve 并且一切正常。

【讨论】：