weblog

WEB全般の忘備録(HTML・CSS・JavaScript・PHPなど)

gulpfile 設定例

var gulp = require('gulp');
var browserSync = require('browser-sync');
var compass = require('gulp-compass');
var reload = browserSync.reload;

// Start the server
gulp.task('browser-sync', function() {
browserSync.init({
server: {
baseDir: "./",
index: "test-index.html"
}
});
});

// compass
gulp.task('compass', function(){
gulp.src('sass/**/*.scss').pipe(compass({
config_file: 'config.rb',
comments: true,
css: '_css/',
sass: 'sass/'
}))
.pipe(browserSync.reload({stream:true}));
});

// watch
gulp.task('watch', function(){
gulp.watch('sass/**/*.scss', function(event) {
gulp.run('compass');
});
});

gulp.task('default', ['browser-sync', 'compass'], function () {
gulp.watch("sass/*.scss", ['compass']);
gulp.watch("*.css").on("change", browserSync.reload);
gulp.watch("*.html").on("change", browserSync.reload);
});

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

/