Advertisement
aitormendez

Gulpfile gulp-saas + browser-sync

Aug 15th, 2015
563
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. var gulp        = require('gulp');
  2. var browserSync = require('browser-sync').create();
  3. var sass        = require('gulp-sass');
  4.  
  5. // Static Server + watching scss/html files
  6. gulp.task('serve', ['sass'], function() {
  7.  
  8.     browserSync.init({
  9.         proxy: "huertajalon/"
  10.     });
  11.  
  12.     gulp.watch("./sass/**/*.scss", ['sass','sass-watch']);
  13.     gulp.watch("./*.php").on('change', browserSync.reload);
  14.     gulp.watch("./style.css").on('change', browserSync.reload);
  15.  
  16. });
  17.  
  18. // Compile sass into CSS & auto-inject into browsers
  19. gulp.task('sass', function() {
  20.     return gulp.src("sass/principal.scss")
  21.         .pipe(sass())
  22.         .pipe(gulp.dest("./css"))
  23.         .pipe(browserSync.stream());
  24. });
  25.  
  26. gulp.task('sass-watch', ['sass'], browserSync.reload);
  27. gulp.task('default', ['serve']);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement