gulp.task('sass', function(){
return gulp.src('app/scss/main.scss')
.pipe(sass())
.pipe(autoprefixer())
.pipe(gulp.dest('app/css'))
.pipe(browserSync.reload({stream: true}))
});
gulp.task('browser-sync', function(){
browserSync({
server: {
baseDir : 'app'
},
notify: false
})
});
gulp.task('watch', ['browser-sync', 'sass'], function(){
gulp.watch('app/scss/**/*.scss', ['sass']);
gulp.watch('app/jade/**/*.jade', ['jadeh']);
gulp.watch('app/*.html', browserSync.reload);
gulp.watch('app/*.сss', browserSync.reload);
gulp.watch('app/js/**/*.js', browserSync.reload);
});
Собственно, у меня в
main.scss
импортируется
variable.scss
посредством
@import 'variable.scss';
и все работает нормально.
Но как только я при
watch
-е изменю и сохраню
variable.scss
, у меня ломается таск с вот такой ошибкой
Из-за чего собственно это происходит? Разве я неправильно импортирую файл?