Advertisement
SimeonGriggs

Gulpfile for Old Themes

Oct 10th, 2017
1,784
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.03 KB | None | 0 0
  1. var gulp = require('gulp');
  2. var browserSync = require('browser-sync');
  3. var reload = browserSync.reload;
  4. var sass = require('gulp-sass');
  5. var concat = require('gulp-concat');
  6.  
  7. // browser-sync task for starting the server.
  8. gulp.task('browser-sync', function() {
  9. //watch files
  10. var files = [
  11. './sass/*.scss',
  12. './*.php'
  13. ];
  14.  
  15. //initialize browsersync
  16. browserSync.init(files, {
  17. //browsersync with a php server
  18. proxy: "http://localhost:8888/",
  19. notify: true
  20. });
  21. });
  22.  
  23. // Sass task, will run when any SCSS files change & BrowserSync
  24. // will auto-update browsers
  25. gulp.task('sass', function () {
  26. return gulp.src([
  27. 'sass/main.scss',
  28. 'sass/wp-core.scss',
  29. 'sass/*.scss'
  30. ])
  31. .pipe(sass({outputStyle: 'compressed'}))
  32. .pipe(concat('styles.css'))
  33. .pipe(gulp.dest('./css'))
  34. .pipe(reload({stream:true}));
  35. });
  36.  
  37. // Default task to be run with `gulp`
  38. gulp.task('default', ['sass', 'browser-sync'], function () {
  39. gulp.watch("sass/**/*.scss", ['sass']);
  40. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement