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

Question

我正在设置一个 package.json 文件来启动 Nodemon，运行我的手表 css 命令和运行浏览器都使用 "npm start" 命令同步.

这在我 Mac 工作的电脑上有效，但在我 Windows 家里的电脑上无效。

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

在 Windows 它只有运行s 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（这是 cross-platform）。它们允许您运行您的 processes/commands 并行和顺序（-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 上都很好用。尝试一下，希望这对您有所帮助。

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

How can I run multiple NPM commands with a single NPM Command on Windows

javascript

node.js

nodemon

node-sass

browser-sync

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

How can I run multiple NPM commands with a single NPM Command on Windows

javascript

node.js

nodemon

node-sass

browser-sync

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