Почему Gulp перестал компилировать sass?

Question

[fcb-munich]

Всем привет! Совсем недавно начал заниматься изучением вёрстки, занимаюсь по урокам с ютуба, скачал оптимизированный шаблон. Вроде бы всё работало, но в определённый момент перестала работать компиляция sass в css. С такой проблемой уже сталкивался и благодаря логам в консоли выявил что любая опечатка в коде полностью вырубает всю компиляцию(( Но в этот раз даже логи не отображаются. Не понимаю в чём дело. Вот галп-файл:

var gulp = require('gulp'),
sass = require('gulp-sass'),
autoprefixer = require('gulp-autoprefixer'),
cleanCSS = require('gulp-clean-css'),
rename = require('gulp-rename'),
browserSync = require('browser-sync').create(),
concat = require('gulp-concat'),
uglify = require('gulp-uglify');

gulp.task('browser-sync', function() {
browserSync.init({
server: {
baseDir: "./app"
},
notify: false
});
});

gulp.task('styles', function () {
return gulp.src('sass/*.sass')
.pipe(sass({
includePaths: require('node-bourbon').includePaths
}).on('error', sass.logError))
.pipe(rename({suffix: '.min', prefix : ''}))
.pipe(autoprefixer({browsers: ['last 15 versions'], cascade: false}))
.pipe(cleanCSS())
.pipe(gulp.dest('app/css'))
.pipe(browserSync.stream());
});

gulp.task('scripts', function() {
return gulp.src([
'./app/libs/modernizr/modernizr.js',
'./app/libs/jquery/jquery-1.11.2.min.js',
'./app/libs/waypoints/waypoints.min.js',
'./app/libs/animate/animate-css.js',
])
.pipe(concat('libs.js'))
// .pipe(uglify()) //Minify libs.js
.pipe(gulp.dest('./app/js/'));
});

gulp.task('watch', function () {
gulp.watch('sass/*.sass', ['styles']);
gulp.watch('app/libs/**/*.js', ['scripts']);
gulp.watch('app/js/*.js').on("change", browserSync.reload);
gulp.watch('app/*.html').on('change', browserSync.reload);
});

gulp.task('default', ['browser-sync', 'watch']);

Если была опечатка и ничего не работало, то я запускал gulp styles в командной строке и он указывал какую строку он не понимает, а сейчас просто висит:

Starting 'styles'...

Подскажите кто знает как эту проблему решить? Или подскажите более работоспособный шаблон чтобы можно было на начальном этапе сконцентрироваться только на верстке. Всё облазил ничего не нашел дельного...

Comments

[LaughingThroll]

Привет, столкнулся с теми же проблемами при npm пакете gulp-sass, решил так

let sass = require('gulp-sass')
gulp.task( 'sass', function(){
    return  gulp.src('app/scss/style.sass')
                .pipe(sass({outputStyle: 'compressed',
                indentedSyntax: true}))
                .pipe(rename({suffix : '.min'}))
                .pipe(autoprefixer({overrideBrowserslist: ['last 8 versions']}))
                .pipe(gulp.dest('app/css'))
                .pipe(browserSync.reload({stream: true}))
});

свойство в трубе sass indentedSyntax: true переводить scss в sass,и в VisualCode установил плагин Sass что бы была подсветка языка, а то так все бело-однотонно