gulpfile.js 705 B

12345678910111213141516171819202122232425262728293031
  1. var gulp = require('gulp');
  2. var browserSync = require('browser-sync').create();
  3. var sass = require('gulp-sass');
  4. var reload = browserSync.reload;
  5. var src = {
  6. scss: 'app/scss/*.scss',
  7. css: 'app/css',
  8. html: 'app/*.html'
  9. };
  10. // Static Server + watching scss/html files
  11. gulp.task('serve', ['sass'], function() {
  12. browserSync.init({
  13. server: "./app"
  14. });
  15. gulp.watch(src.scss, ['sass']);
  16. gulp.watch(src.html).on('change', reload);
  17. });
  18. // Compile sass into CSS
  19. gulp.task('sass', function() {
  20. return gulp.src(src.scss)
  21. .pipe(sass())
  22. .pipe(gulp.dest(src.css))
  23. .pipe(reload({stream: true}));
  24. });
  25. gulp.task('default', ['serve']);