Skip to content

Instantly share code, notes, and snippets.

@naupaw
Created October 29, 2014 01:07
Show Gist options
  • Select an option

  • Save naupaw/b483e65f7ec63440b9e1 to your computer and use it in GitHub Desktop.

Select an option

Save naupaw/b483e65f7ec63440b9e1 to your computer and use it in GitHub Desktop.
gulp task
var gulp = require('gulp')
, watch = require('gulp-watch')
, sass = require('gulp-sass')
, util = require('gulp-util')
, autoprefixer = require('gulp-autoprefixer')
;
gulp.task('env', function(done) {
var config = {
src_dir : './source/'
, target_dir : './assets/'
, sass_dir : 'sass'
, style_dir : 'css'
};
global.configs = config;
return done();
});
gulp.task('style', ['env'], function () {
var c = global.configs || {};
var sassOption = {
errLogToConsole: true
};
return gulp.src(c.src_dir + c.sass_dir + '/main.scss')
.pipe(sass(sassOption))
.pipe(autoprefixer("last 2 versions", "> 1%", "ie 8"))
.on('error', function(err) {
util.log(util.colors.red('ERROR') + ' >>> ' + err);
this.emit('end');
})
.pipe(gulp.dest(c.target_dir + c.style_dir))
.on('end', function() {
util.log("SUCCESS compile " + util.colors.green('STYLE'));
});
});
gulp.task('watch', ['env'], function () {
var c = global.configs || {};
watch(c.src_dir + c.sass_dir + '/**/*.scss', function (files, cb) {
gulp.start('style', cb);
});
});
gulp.task('default', ['style', 'watch']);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment