1

Собираю проект галпом. Проблема с таской на сборку 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. показал только ту часть сборки, что относится к сборке стилей.

5
  • 1
    Ваш таск отрабатывает правильно. Вы сказали, что нужно скомпилировать все scss, он это и сделал. У вас нигде не прописана упаковка в один файл. Можете просто создать нечто вроде style.scss и в нем с помощью @import подключить ваши файлы. И компиляцию выполнять только для него
    – Hikikomori
    19 июл 2018 в 12:12
  • функцию предлагаемого вами style.scss у меня выполняет main.scss - туда выводятся все подключаемые файлы. Проблема в том, на выходе файл должен быть действительно один, т.к. пилю amp-версию сайта и плагин, проверяющий "тяжесть" стилей (gulp-amp-custom) отказывается работать с ошибкой CSS source is not a string.
    – Игорь
    19 июл 2018 в 12:17
  • 1
    Ну и компилируйте только его тогда. Пропишите в src путь конкретно для него, а не для всех scss. P.S. СSS source is not a string. - вероятно оно хочет однострочный минифицированный css. В вашем таске минификации не вижу
    – Hikikomori
    19 июл 2018 в 12:20
  • Так и сделаю, спасибо. А все-таки, как прописать компилирование всех подключаемых scss-файлов в единый css?
    – Игорь
    19 июл 2018 в 12:25
  • минификацию и несколько других задач я в коде не приводил, но она есть, спасибо за внимательность.
    – Игорь
    19 июл 2018 в 12:26

1 ответ 1

2

Для сборки файлов в один можно использовать 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
  }));
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.