Cacher is the code snippet organizer for pro developers

For init commands read https://css-tricks.com/gulp-for-beginners/


var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');

// gulp.task('sass', function(){
//   return gulp.src('scss/application.scss')
//     .pipe(sass()) // Converts Sass to CSS with gulp-sass
//     .pipe(gulp.dest('assets/css/'))
// });

gulp.task('sass', function() {
  return gulp.src('scss/application.scss') // Gets all files ending with .scss in app/scss
    .pipe(sass())
    .pipe(gulp.dest('assets/css/'))
    .pipe(browserSync.reload({
      stream: true
    }))
});

gulp.task('watch', ['browserSync' ,'sass'], function(){
  gulp.watch('scss/**/*.scss', ['sass']);
  // Other watchers
  gulp.watch('view/*.php', browserSync.reload);
  gulp.watch('assets/js/**/*.js', browserSync.reload);
})

gulp.task('browserSync', function() {
  browserSync.init({
    // proxy: "localhost:8888/reusing-dublin",

    proxy: "localhost:8888",
      // baseDir: 'reusing-dublin'
  })
})