Здравствуйте!
Уже второй час сижу разбираю галп и не могу понять почему не получается запустить автопрефиксер после обработки scss файла. Подскажите пожалуйста в чем причина?
Заготовку копировал с доков browser-sync.
gulpfile
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
gulp.task('serve', ['sass'], function() {
browserSync.init({
server: "./app"
});
gulp.watch("app/scss/*.scss", ['sass']);
gulp.watch("app/*.html").on('change', browserSync.reload);
});
gulp.task('sass', function() {
return gulp.src("app/scss/*.scss")
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 12 versions'],
cascade: false
}))
.pipe(gulp.dest("app/css"))
.pipe(browserSync.stream());
});
gulp.task('default', ['serve']);
sass
.block{
background-image: linear-gradient(90deg, #333, #fff);
&__element{
font-size: 34px;
}
}