如何使用watch按顺序运行多个NPM脚本

Question

我正在研究 angular 7 应用程序。 以下是我的 package.json 文件中用于构建应用程序的脚本

“脚本”：{

       "build:all": "npm run build:dev & npm run postbuild",
       "build:dev": "ng build --extract-css --watch",
       "postbuild": "node fileMover.js",
   }

我想按顺序运行 build:dev 和 postbuild 命令。 所以第一个命令通过使用捆绑文件更新 dist 文件夹来构建应用程序。 为了将捆绑文件移动到单独的文件夹，我们创建了一个 fileMover.js 节点脚本。

没有 --watch，build:all 脚本工作正常，但由于这一点，我们需要在每次进行任何更改时手动运行命令并通过 Visual Studio 或其他工具保存。 使用 watch，它永远不会运行第二个“postbuild”命令。

是否有任何替代方法可以按顺序运行两个脚本（拳头与手表）？

谢谢 ：）

Answer 1

我相信，您可以将&更改为&&作为单个&用于并行运行，而 double 用于一个接一个地运行。

scripts": {
  "build:all": "npm run build:dev && npm run postbuild",
  "build:dev": "ng build --extract-css --watch",
  "postbuild": "node fileMover.js",
}

您还可以使用 'pre' 和 'post' 词缀：

scripts": {
  "build:dev": "ng build --extract-css --watch",
  "build:all": "npm run build:dev",
  "postbuild:all": "node fileMover.js",
}