1

Сейчас есть конфигурация Gulp, в которой все скрипты пишутся в один .css файл. Но нужно отделить файлы с суффиксом -ie (fname-ie.styl) и собирать их отдельно, рядом с (общим) .min.css файлом.

gulp.task('styles', () => (
    gulp.src('app/styles/*.styl')
        .pipe(stylus({
            use: [
                importIfExist(),
                rupture()
            ],
            'include css': true
        }))
        .pipe(rename({suffix: '.min'}))
        .pipe(gulp.dest('dist/assets/styles'))
));
1
  • Вероятно можно разделить стримы и обработать их разными путями. Но, думаю, нужно очень мощное колдунство. Гораздо большее, чем потери от запуска другого таска.
    – user207618
    25 янв 2017 в 14:48

2 ответа 2

6

Я использую такой вариант сборки:

gulp.task('styles', () => (
    gulp.src(['app/styles/*.styl', '!app/styles/*-ie.styl'])
        .pipe(stylus({
            use: [
                importIfExist(),
                rupture()
            ],
            'include css': true
        }))
        .pipe(rename({suffix: '.min'}))
        .pipe(gulp.dest('dist/assets/styles'))
));
gulp.task('styles-ie', () => (
    gulp.src('app/styles/*-ie.styl')
        .pipe(stylus({
            use: [
                importIfExist(),
                rupture()
            ],
            'include css': true
        }))
        .pipe(rename({suffix: '.min'}))
        .pipe(gulp.dest('dist/assets/styles'))
));
2
  • нет, так оно все в один файл ложит... здесь нужно правило, что бы с -ie не ложило и второе правило, что бы с -ie в css отдельно собирало...
    – CodeGust
    25 янв 2017 в 14:29
  • 1
    для этого используйте отдельный таск.
    – DimenSi
    25 янв 2017 в 14:41
2

Для таких ситуаций стоит сделать отдельный таск.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

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