複数のnpm run を簡単にまとめて実行してみよう(npm-run-all)

2018-10-07

  • Gruntと出会うー>救世主降臨!
  • Gulp.jsと出会うー>神再臨!
  • しばらく時間経つー>神要らん。拝める(学習)の面倒くさい(今ここ)

GruntとGulp.jsを神と認めた時期が俺にもありました。
しかし、両者の進歩を目の当たりにするともう面倒臭いです。
一周回ってNpmのScriptに戻って来ました。
戻ったは良いけど…例えば、下記のような一連の作業を全部実行する必要がある時には

"scripts": {
  ...
  "clean": "...",
  "stage:build": "...",
  "stage:s3": "...",
  "stage:cloudfront": "...",
  ...
}

下記のように書かないといけません。

npm run clean && npm run stage:build && npm run stage:s3 && npm run stage:cloudfront

こんなやる羽目になったらGruntとGulp.jsがまた神に見えて来ます。
そのような神防止のためのものの一つがnpm-run-all!
複数の npm-scripts を簡単に実行出来るようにしてくれます。
上に書いたのと同じことをこんなに簡単に出来るようにしてくれるのです!

npm-run-all clean stage:*

良いですね〜

とりあえずやってみよう

ますはInstall

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

Npm-scriptsに記載

下記のようにPackage.jsonに書き込みます。
この例では「stage」を追加して他のコマンドを全部まとめて実行できるようにしました。

"scripts": {
  ...
  "clean": "...",
  "stage:build": "...",
  "stage:s3": "...",
  "stage:cloudfront": "...",
  ...
  "stage": "npm-run-all clean stage:*",
  ...
}

実行

npm run stage

お疲れ様でした。

Node.js

Posted by YongJin Kim