gruntsJSの代わりに代わりにgulpを使ってみた

javascript

gruntsJSに変わりgulpを使ってみました。
最初にインストール、設定の方法から。

基本的にはここを見れば分かります。
npmが使えるっていう前提で、



$ npm install -g gulp

sassプラグインを使う場合は



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

で、gulpfile.jsを作成します。

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

で、gulpコマンドを実行



$ gulp                                                                                                                                [/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 'sass'...

[gulp] Finished 'sass' in 3.91 ms

[gulp] Running 'default'...

[gulp] Finished 'default' in 4.16 ms

デフォルトでsassを使うようにしているので、sassのプラグインが実行されるはずです。
gruntsJSに比べて記述量が少ないということらしいですが、自分なりにまだ比較していないので、少し使ってみてどうかを判断したいなと思います。

ただnodeのバージョンが古い場合などで、エラーが出る場合があります。その場合はnodeのバージョンを上げてください。



$ npm cache clean -f

$ npm install -g n

$ n stable

$ node -v

以上です。