如何讓“ng serve”等待“ng build”完成？

Question

我開始從事公司的項目，有人告訴我要啟動本地開發服務器，我必須首先運行命令： "package:serve": "ng build project-name --watch" ，然后： "start": "ng serve"

這樣做的問題是，一旦ng build開始重新編譯， ng serve就會開始重新加載，因此在每次文件更改后，它都會刷新瀏覽器約 3 次，並且通常不會顯示瀏覽器 window 中的新更改，直到第 4 次（手動） 刷新。

現在如您所見，使用起來非常不舒服。 我希望 ng serve 在構建完成后只刷新 1 次。

有沒有更好的方法來同時運行ng build和ng serve ？

Answer 1

由於另一個問題，我設法解決了這個問題： Angular serve library

我用正確的庫路徑（不是 /dist/）編輯了我的tsconfig.json

改變了

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

至

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

現在我只能使用ng serve並且一切正常。

Answer 2

您可以嘗試&&運算符：

"scripts": {
    "buildAndServe": "npm run package:serve && npm run start"