Gulp:使用纯CSS编译Stylus和concat

Question

我有一堆Stylus文件'./styles/stylus/**.styl'和一堆CSS文件'./styles/css/**.css'.

如何使用Gulp编译Stylus文件,将结果与所有CSS文件连接并输出到'./styles/out.css'？

Answer 1

您可以使用gulp-filter,如:

var gulp   = require('gulp');
var stylus = require('gulp-stylus');
var concat = require('gulp-concat');
var Filter = require('gulp-filter');

gulp.task('css', function () {

    var filter = Filter('**/*.styl', { restore: true });

    return gulp.src([
            './styles/stylus/**.styl',
            './styles/css/**.css'
        ])
        .pipe(filter)
        .pipe(stylus())
        .pipe(filter.restore)
        .pipe(concat('out.css'))
        .pipe(gulp.dest('./styles'));
});