gulpfile.js 687 B

123456789101112131415161718192021222324252627
  1. var gulp = require('gulp');
  2. var autoprefixer = require('autoprefixer');
  3. var postcss = require('gulp-postcss');
  4. var sass = require('gulp-sass');
  5. var browserSync = require('browser-sync');
  6. gulp.task('browser-sync', function() {
  7. browserSync({server: {baseDir: "./"}});
  8. });
  9. gulp.task('bs-reload', function () {
  10. browserSync.reload();
  11. });
  12. gulp.task('styles', function(){
  13. var processors = [autoprefixer()];
  14. gulp.src(['*.scss'])
  15. .pipe(sass())
  16. .pipe(postcss(processors))
  17. .pipe(gulp.dest('./'))
  18. .pipe(browserSync.reload({stream:true}))
  19. });
  20. gulp.task('default', ['browser-sync'], function(){
  21. gulp.watch("*.scss", ['styles']);
  22. gulp.watch("*.html", ['bs-reload']);
  23. });