npm run-scripts から watch する - dev.jgs.me


先日 npm-run-all を使ってビルドスクリプトなどを npm run-script に寄せるようにしたが( http://dev.jgs.me/2015/10/28/alpine-linux.html )これに gulp.watch 的な機構を載せようという試み。

これまでは若干面倒ながらも Atom で cmd+b でもってビルドをしていたのだけれど、さすがに面倒になってきたので watch して自動でビルドするように変更した。 npm-run-all が glob のインターフェイスを持っているので、できれば glob のインターフェイスで watch するファイルを指定してコマンドを走らせたい。探してみたところ、 chokidar-cli というパッケージを使えばあっさりだった。

(js)
"scripts": {
  "watch": "npm-run-all -p watch:*",
  "watch:ls": "chokidar '**/*.ls' -c 'npm run build:bundle'",
  "watch:jade": "chokidar '**/*.jade' -c 'npm run build:jade'"
}

というような感じで指定してやると npm run watch で監視が走るようになる。これに

(js)
"scripts": {
  "dev": "npm-run-all clean build -p watch serve",
  "serve": "static -p $npm_package_config_PORT $npm_package_config_DEST"
}

node-static でサーブするようにしていれば npm run dev でサーブと監視を開始することができる。便利。あとは Atom か Notification center あたりにビルド完了を notify したいなあ〜。

original: http://dev.jgs.me/2015/11/24/watch-by-npm-run-scripts
#20151124 #1124

関連ページとランダムに選ばれたページ

筆者について

jigsaw(ジグソウ、1991年6月12日-)は日本のプログラマ、会社代表。本名は小林貴也(こばやし たかや)。主にウェブ、フロントエンド領域で活動している。カミング・スーン合同会社の代表社員。
さらに詳しく

寄附について

面白かったらBTCETHでの寄附をお待ちしております。
寄附のきろく