SHARE
TWEET

Untitled

a guest Jun 26th, 2019 53 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. var gulp        = require('gulp'), // Подключаем Gulp
  2.     sass        = require('gulp-sass'), // Подключаем Sass
  3.     browserSync = require('browser-sync'), // Подключаем Browser Sync
  4.  
  5. gulp.task('sass', function() { // Создаём таск Sass
  6.     return gulp.src('app/sass/**/*.sass') // Берём источник
  7.         .pipe(sass()) // Преобразуем Sass в CSS
  8.         .pipe(gulp.dest('app/css')) // Выгружаем результат в папку app/css
  9.         .pipe(browserSync.reload({stream: true})); // Обновляем страницу при изменении
  10. });
  11.  
  12. gulp.task('html', function() { // Создаём таск HTML
  13.     return gulp.src('app/*.html') // Берём источник
  14.         .pipe(browserSync.reload({stream: true})); // Обновляем страницу при изменении
  15. });
  16.  
  17. gulp.task('browser-sync', function() { // Создаём таск Browser Sync
  18.     browserSync({ // Выполняем Browser Sync
  19.         server: { // Определяем параметры сервера
  20.             baseDir: 'app' // Директория для сервера - app
  21.         },
  22.         notify: false // Отключаем уведомления
  23.     });
  24. });
  25.  
  26. gulp.task('watch', function() { // Создаём таск watch
  27.     gulp.watch('app/sass/**/*.sass', gulp.parallel('sass')); // Наблюдение за sass файлами
  28.     gulp.watch('app/*.html', gulp.parallel('html')); // Наблюдение за HTML файлами в корне проекта
  29. });
  30.  
  31. gulp.task('default', gulp.parallel('sass', 'browser-sync', 'watch')); // Создаём дефолтный таск, вызывается коммандой gulp
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top