Gulp:使用纯CSS编译Stylus和concat

前端之家收集整理的这篇文章主要介绍了Gulp:使用纯CSS编译Stylus和concat前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在’./styles/stylus/**.styl’中有一堆Stylus文件,在’./styles/css/**.css’中有一堆CSS文件.

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

解决方法

您可以使用 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'));
});

猜你在找的JavaScript相关文章