複数のnpm run scriptをsequential/parallelに実行するコマンド

npm-run-all run-p run-s という3つのコマンドがインストールされる

引数に並べたり、ワイルドカードでまとめて指定したりできる

mysticatea氏が作っている

コマンド

順に実行

複数のscriptを同時に実行

これらは run-p run-s というショートカットからも実行できる

SequentialとParallelの頭文字

Gyazzの場合

npm run build から run-s build:* が実行され、babel, browserify, node-sass, gulpが順に実行される

sequentialの場合はscriptsに宣言した順に、上から実行される

npm run watch から run-p watch:* が実行され、 babel --watch やwatchifyなどが同時に起動する

感想

npm run scriptをまともなタスクランナーにできる

まだgulpで消耗してるの？

ワイルドカードのおかげで拡張性が高い

例えばbrowserifyのエンドポイントを増やしたい場合

build:browserify の下にもう一行 build: で始まるscriptを足す

そこにもう1つbrowserifyを書く

これだけで npm run build からまとめて実行できるようになる

他の行は一切いじる必要が無い

上の画像では gulp watch という短いコマンドも watch:gulp というコマンドとして一旦登録している

最初は冗長かもなあと思っていたが、こうした方が後々わかりやすい