gerd
8/3/2017 - 6:45 PM

gulp3 file with sass, browerSync and dev server tasks

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']);