Как правильно настроить gulp?
let gulp = require('gulp');
// Sass пакет
let sass = require('gulp-sass');
// Browser Sync пакет
let browerSync = require('browser-sync');
// Пакет для минификации
let cssmin = require('gulp-cssmin');
// Пакет для переименования файлов
let rename = require('gulp-rename');
// Таск для sass для выполнения команда 'gulp sass'
gulp.task('sass', function() {
// Местонахождение sass файда
// *.sass - выбирает все файлы, имеющие заданное расширение
return gulp.src('app/sass/*.scss')
// Преобразование sass в css
.pipe(sass())
// Загрузка файла в нужную папку
.pipe(gulp.dest('app/css'))
// Обновляем css на странице при изменении
.pipe(browserSync.reload({stream: true }))
});
gulp.task('code', function() {
return gulp.src('app/*.html')
.pipe(browserSync.reload({stream: true}))
});
// таск для browser sync
gulp.task('browser-sync', function() {
// Выполняем browsersync
BrowserSync({
// Определяем параметы сервера
server: {
// Определяем директорию для сервера
baserDir: 'app'
},
// Отключаем уведомленияы
notify: false
});
});
gulp.task('cssmini', function() {
// Файл для минификации
return gulp.src('app/sass/**/*.css')
.pipe(cssmin())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('dist'));
});
gulp.task('watch', function() {
// Наблюдение за всеми файлами заданных форматов
gulp.watch('app/sass/**/*.scss', gulp.parallel('sass'));
});
gulp.task('default', gulp.parallel('cssmini', 'sass', 'browser-sync', 'watch'));
Выдаваемая ошибка:
$ gulp watch
[14:49:25] Using gulpfile ~\Desktop\FrontEnd Работы\website3\gulpfile.js
[14:49:25] Starting 'watch'...
[14:49:36] Starting 'sass'...
[14:49:36] 'sass' errored after 8.98 ms
[14:49:36] ReferenceError: browserSync is not defined
at C:\Users\A\Desktop\FrontEnd Работы\website3\gulpfile.js:21:13
at sass (C:\Users\A\Desktop\FrontEnd Работы\website3\node_modules\undertaker\lib\set-
task.js:13:15) at bound (domain.js:426:14)
at runBound (domain.js:439:12)
at asyncRunner (C:\Users\A\Desktop\FrontEnd Работы\website3\node_modules\async-done\index.js:55:18)
at processTicksAndRejections (internal/process/task_queues.js:79:11)
Файл scss преобразует в css, но без минификации, как это исправить?