如何使“ ng服务”等待“ ng构建”完成？

Question

我开始研究公司的项目，并被告知要启动本地开发服务器，我必须首先运行以下命令： "package:serve": "ng build project-name --watch" 接着： "start": "ng serve"

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

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

是否有更好的方法同时运行ng build和ng serve？

Answer 1

您可以尝试使用&&运算符：

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

Answer 2

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

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

已更改

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

到

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

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