gulp-sass не компилирует scss-файлы в единый css

256

14 сентября 2018, 09:50

Собираю проект галпом. Проблема с таской на сборку scss-файлов - плагин просто меняет разрешение scss на css, файлы не компилируются. Пути прописаны верно, ошибок в процессе сборки нет. В чем может быть причина?

/* Сама таска */
gulp.task('sass', function () {
  return gulp.src('./src/sass/**/*.scss')
    .pipe(plumber())
    .pipe(sourcemaps.init())
    .pipe(sass.sync().on('error', sass.logError))
    .pipe(prefixer())
    .pipe(sourcemaps.write('./maps'))
    .pipe(gulp.dest('dist/style'))
    .pipe(reload({
        stream: true
  }));
});
/* вотчер */
gulp.task('watch', function() {
    gulp.watch("src/sass/**/*.scss", ['sass']);
});

Вот что получается: http://ipic.su/img/img7/fs/kiss_8kb.1532001775.png

P.S. показал только ту часть сборки, что относится к сборке стилей.

Answer 1

Для сборки файлов в один можно использовать gulp-concat.

var concat = require('gulp-concat');
...
gulp.task('sass', function () {
  return gulp.src('./src/sass/**/*.scss')
    .pipe(plumber())
    .pipe(sourcemaps.init())
    .pipe(sass.sync().on('error', sass.logError))
    .pipe(prefixer())
    .pipe(sourcemaps.write('./maps'))
    .pipe(concat('style.css'))
    .pipe(gulp.dest('dist/style'))
    .pipe(reload({
        stream: true
  }));
});