javascript - 如何在 Windows 上使用单个 NPM 命令运行多个 NPM 命令

Question

我正在设置一个 package.json 文件，该文件将启动 Nodemon、运行我的 watch css 命令并使用“npm start”命令运行浏览器同步。

这适用于我工作时的 Mac 计算机，但不适用于我家中的 Windows 计算机。

在我的 Mac 上，它将监听服务器和 SCSS 文件的任何更改，并运行浏览器同步。

在 Windows 上，它仅运行 Nodemon 并等待任何服务器更改。看起来它忽略了我的其他两个命令。

我需要为 Windows 做一些不同的事情吗？理想情况下，我希望代码能够在两个平台上通用。

Nodemon 似乎是这里的问题，因为 watch-css css 和 browsersync 可以工作，但 nodemon 之后的任何内容都不起作用。

"scripts": {
  "build-css": "node-sass --output-style compressed --source-map true -o public/css scss",
  "watch-css": "nodemon -e scss -x \"npm run build-css\"",
  "build-js": "browserify js/app.js -o public/js/app.js",
  "browser-sync": "browser-sync start --port 4000 --proxy 'localhost:3000' --files 'views/*' 'public/**/*' --no-notify",
  "start": "nodemon ./bin/www & npm run watch-css & npm run browser-sync"
},

Answer 1

这是我使用的:npm-run-all (这是跨平台的)。它们允许您并行和顺序运行进程/命令(-p 或 -s)。

"scripts": {
    "build-css": "node-sass-chokidar src/ -o src/ --importer=node_modules/node-sass-tilde-importer",
    "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
    "start-js": "react-scripts start",
    "start": "npm-run-all -p watch-css start-js",
    // ... and much more
}

这对我来说在 Windows 和 Mac 上都工作得很好。尝试一下，希望这对您有所帮助。