gulp file with sass, browerSync and dev server tasks
//to use run: npm install gulp browser-sync gulp-sass --save-dev in terminal
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');
gulp.task('sass', function(){
return gulp.src(['node_modules/bootstrap/scss/bootstrap.scss', 'src/scss/*.scss'])
.pipe(sass())
.pipe(gulp.dest("src/css"))
.pipe(browserSync.stream());
})
gulp.task('js', function(){
return gulp.src(['node_modules/bootstrap/dist/js/bootstrap.min.js'
,'node_modules/jquery/dist/jquery.min.js'
,'node_modules/tether/dist/tether.min.js'])
.pipe(gulp.dest("src/js"))
.pipe(browserSync.stream());
})
gulp.task('server', ['sass'], function(){
browserSync.init({
server: "./src"
})
gulp.watch(['node_modules/bootstrap/scss/bootstrap.scss'],['src/scss/*.scss']);
gulp.watch('src/*.html').on('change',browserSync.reload);
})
gulp.task('default', ['js','server']);gulp.task('js', function(){
return gulp.src(['node_modules/bootstrap/dist/js/bootstrap.min.js'
,'node_modules/jquery/dist/jquery.min.js'
,'node_modules/tether/dist/tether.min.js'])
.pipe(gulp.dest("src/js"))
.pipe(browserSync.stream());
})
gulp.task('server', ['sass'], function(){
browserSync.init({
server: "./src"
})
gulp.watch(['node_modules/bootstrap/scss/bootstrap.scss'],['src/scss/*.scss']);
gulp.watch('src/*.html').on('change',browserSync.reload);
})
gulp.task('default', ['js','server']);