package.jsonで設定したコマンドを一つのコマンドで実行する方法

npm-run-allをインストール

npm install npm-run-all --save-dev

jsonにこんな感じで書く

{
  "name": "htdocs",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "npm-run-all --parallel dev:*",
    "dev:dev": "vite",
    "dev:lp_sass": "node-sass sass/style.scss html/lp/assets/css/style.css -w",
    "dev:form_sass": "node-sass sass/form.scss html/form/assets/css/style.css -w",
    "build": "vite build",
    "preview": "vite preview"
  },
  "devDependencies": {
    "gulp": "^4.0.2",
    "node-sass": "^9.0.0",
    "prettier": "^3.0.2",
    "sass": "^1.66.1",
    "vite": "^4.4.5",
    "npm-run-all": "^4.1.5"
  }
}

ポイントは、dev系を--parallelすること

"dev": "npm-run-all --parallel dev:*"

実行

npm run dev