gulpを更に使ってみる。。

gulpでcoffeescriptをjsに変換してみた。
まず最初にインストール

$ npm install --save-dev gulp gulp-util gulp-sass gulp-coffee

gulpfile.jsを編集する

  1 var gulp = require('gulp');
  2 var coffee = require('gulp-coffee');
  3 var sass = require('gulp-sass');
  4 var gutil = require('gulp-util');
  5
  6 gulp.task('coffee', function () {
  7     gulp.src('./coffee/*.coffee')
  8         .pipe(coffee())
  9         .pipe(gulp.dest('./js'));
 10 });
 11
 12 gulp.task('sass', function () {
 13     gulp.src('./scss/*.scss')
 14         .pipe(sass())
 15         .pipe(gulp.dest('./css'));
 16 });
 17
 18 gulp.task('default', ['sass'], function() {
 19   gulp.watch('sass/**/*.scss', ['sass']);
 20 });

6行目から10行目の間にcoffeescriptに関する定義を追加。
coffeeというフォルダ以下にあるcoffeescriptファイルをjsフォルダ以下にjavascriptに変換して出力。
では実行してみる

$gulp coffee                                                                                                                           [/usr/local/project/gulp]

[gulp] Using file /usr/local/project/gulp/gulpfile.js

[gulp] Working directory changed to /usr/local/project/gulp

gulp.run() has been deprecated. Use task dependencies or gulp.watch task triggering instead.

[gulp] Running 'coffee'...

[gulp] Finished 'coffee' in 4.25 ms

javascriptが変換された。うーん、何か簡単だな。手軽な気がするぞ。。。
じゃ、今度はRailsでこれをつかってみよー。