megane9988
1/9/2014 - 10:26 PM

gulpjsの始め方。

gulpjsの始め方。

gulp.js

gulp.js - the streaming build system

npm install gulp -g

gulp plugins

npm install gulp gulp-util gulp-jade --save-dev

「gulpfile.js」を作る。

sample gulpfile.js

「src/hoge.jade」を「dest/hoge.html」に変換。ついでに監視。

var gulp = require('gulp')
,   gutil = require('gulp-util')
,   jade = require('gulp-jade');

gulp.task('jade', function() {
    return gulp.src('src/*.jade')
        .pipe(jade())
        .pipe(gulp.dest('dest'));
});

gulp.task('default', function() {
    gulp.run('jade');
    gulp.watch('src/**', function() {
        gulp.run('jade');
    });
});

run task

gulp

そんだけ。