Safx: gulp

ラベル gulp の投稿を表示しています。すべての投稿を表示

2014/02/18

cultという響きがいやな感じですが、cultを使うと、gulpfile.coffeeのためのgulpfile.jsをつくったりする手間を省いて、そのままgulpfile.coffeeにCoffeeScriptを書くだけで済むようになります。

gulpでwatchしたときにウォッチ中のタスクでコンパイルエラーになってしまうと、それ以後にウォッチされなくなるので困っていましたが、とりあえず対処法がわかったのでメモしておきます。

自動再読込 (live-reload) を使えば、stylusのソースを修正したら、これをcssに変換してからブラウザで再読込するまでを自動で行うことができるようになります。

今回はtiny-lrとgulp-livereloadとを組み合わせてlive-reloadをやってみました。

なお、gulp自体の利用方法については、以前の記事「ビルドシステムgulpをCoffeeScriptで使ってみる」を参照ください。

Bowerとgulpを組み合わせて使うことでフロントエンド向けライブラリを管理できるようにしてみる、ということで、Bowerの簡単な使いかたとgulpでの利用方法について簡単に説明します。

なお、gulp自体の利用方法については、以前の記事「ビルドシステムgulpをCoffeeScriptで使ってみる」を参照ください。

gulpコマンド自体がzsh向けの補完機能を持っていたりします。

なので、zshでgulpのタスク名を自動補完できるようにするには、次の1行を~/.zshrcに追加するだけです。

eval "$(gulp --completion=zsh)"

bashなら、~/.bashrcとか~/.profileに次の1行を追加します。

eval "$(gulp --completion=bash)"

これで、gulpのあとにtabを入力することで、タスクが補完されるようになります。

$ gulp <TAB>
clean    default  script   test     watch

前回の記事「Safx: gulp-mochaのテスト結果をJenkinsで集計できるようにする」ではgulp-mochaを使って、テスト結果をJenkinsで集計できるようにしました。

今回はgulp-istanbulを使ってテストのカバレッジを集計できるようにします。

前回の記事「gulpでmochaのテストをできるようにする」でコマンドラインからのテストを可能にしました。

今回は、テスト結果をJUnit形式のXMLファイルに出力させるようにして、それをJenkinsで集計できるようにします。

前回の記事「ビルドシステムgulpをCoffeeScriptで使ってみる」ではコンパイル、ファイル監視してコンパイル、クリーンの3つのタスクを作成しました。

今回は、さらにタスクを追加してmochaでテストができるようにしてみます。

今はやりらしいgulpを使って、とりあえずソースの変換や監視などを行ってみました。