如何通过单个NPM脚本获取node-sass监视和实时重新加载？

Question

从以下脚本部分获取package.json:

"scripts":{
    "sass:watch": "npm run sass -- -w ./src/public/stylesheets -r --source-map true",
    "livereload": "live-reload --port 9091 ./src/**/*",
    "dev:watch" : "npm run sass:watch; npm run livereload"
}

如何在不阻止对方的情况下成功运行任务sass:watch和任务？livereloaddev:watch

目前,当我运行块时.npm run dev:watch sass:watchlivereload

如果我重新排序它们,会出现同样的问题.

Answer 1

使用单个 & 符号：

"dev:watch" : "npm run sass:watch & npm run livereload"

&&串行运行任务；&在平行下。

Answer 2

您可以尝试并发打包npm

npm同时安装--save-dev

然后使用它来运行两个脚本：

"dev:watch": "concurrently  \" npm run sass:watch \" \" npm run livereload  \" ",

您可以在以下位置找到有关软件包的信息：https : //www.npmjs.com/package/concurrently

Answer 3

使用parallelshell.

这就是我在做的方式.

使用实时服务器,它看起来像:

"serve": "live-server",
"start": "parallelshell \"npm run scss && npm run scss -- -w\" \"npm run serve\""