Skip to content

Instantly share code, notes, and snippets.

@akshayvinchurkar
Forked from andrewlaskey/gulpfile.js
Created February 22, 2017 06:19
Show Gist options
  • Save akshayvinchurkar/a9a3b929bda559a46cb97bc85cc7a5c2 to your computer and use it in GitHub Desktop.
Save akshayvinchurkar/a9a3b929bda559a46cb97bc85cc7a5c2 to your computer and use it in GitHub Desktop.
Sample gulp file with Sass and livereload
var gulp = require('gulp');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var minifyCss = require('gulp-minify-css');
var rename = require('gulp-rename');
var connect = require('gulp-connect');
var autoprefixer = require('gulp-autoprefixer');
var paths = {
sass: ['./scss/**/*.scss','./www/lib/ionic/scss/**/*.scss']
};
gulp.task('sass', function(done) {
gulp.src(paths.sass)
.pipe(sass())
.pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
.pipe(gulp.dest('./www/css/'))
.pipe(minifyCss({
keepSpecialComments: 0
}))
.pipe(rename({ extname: '.min.css' }))
.pipe(gulp.dest('./www/css/'))
.on('end', done);
});
gulp.task('reload', function() {
gulp.src('./www/*.html')
.pipe(connect.reload());
});
gulp.task('watch', function() {
gulp.watch(paths.sass, ['sass']);
gulp.watch([
'./www/*.html',
'./www/css/*.css',
'./www/js/*/js'
], ['reload']);
});
gulp.task('connect', connect.server({
root: ['www'],
livereload: true,
open: {
browser: 'Google Chrome'
}
}));
gulp.task('default', ['connect', 'watch']);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment