Gulp сборка в разные styl файлы

401

27 января 2017, 07:02

Сейчас есть конфигурация 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'))
));

Answer 1

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'))
));

Answer 2

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