Skip to content

Instantly share code, notes, and snippets.

@DmitriBarannyk
Created October 23, 2018 16:26
Show Gist options
  • Save DmitriBarannyk/9d1cf17d86373b858aa584b1063f298f to your computer and use it in GitHub Desktop.
Save DmitriBarannyk/9d1cf17d86373b858aa584b1063f298f to your computer and use it in GitHub Desktop.
server
var gulp = require('gulp'),
sass = require('gulp-sass'),
browserSync = require('browser-sync');
gulp.task('sass', function(){ // Создаем таск "sass"
return gulp.src('app/sass/**/*.sass') // Берем источник
.pipe(sass()) // Преобразуем Sass в CSS посредством gulp-sass
.pipe(gulp.dest('app/css')) // Выгружаем результата в папку app/css
.pipe(browserSync.reload({stream: true})) // Обновляем CSS на странице при изменении
});
gulp.task('browser-sync', function() { // Создаем таск browser-sync
browserSync({ // Выполняем browser Sync
server: { // Определяем параметры сервера
baseDir: 'app' // Директория для сервера - app
},
notify: false // Отключаем уведомления
});
});
gulp.task('watch', ['browser-sync', 'sass'], function() {
gulp.watch('app/sass/**/*.sass', ['sass']); // Наблюдение за sass файлами
gulp.watch('app/*.html', browserSync.reload);
gulp.watch('app/js/**/*.js', browserSync.reload);
// Наблюдение за другими типами файлов
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment