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 that you have read and understand our privacy policy and code of conduct.

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