npm scriptのwatchで複数タスクを実行する方法


概要

npm-run-allを使わない方法。
watchでビルドした後に自動でデプロイしたい。

方法

watch-deployでwatchして、複数の処理を&&で繋いでワンライナーで実行する。

; でコマンドを連結する場合、コマンド1がエラーであっても、次のコマンドが実行されるが、
&& で連結した場合はエラーが起きた時点で動作が停止する。

&&の代わりに&にすると並列処理になるらしい。

 package.json
  "scripts": {
    "build": "【ビルド処理】",
    "deploy": "【デプロイ処理】",
     "watch-deploy": "watch 'npm run build && npm run deploy' ./components",
   }