javascript - 连接 2 个 css 文件

Question

我在 gulp 任务中加载了 app.css。

效果很好，但现在我想添加 Font Awesome。

var appCSS = 'app.css';

gulp.task('css', ['less'], function() {
    return gulp.src('app/**/*.css')
        .pipe(concat(appCSS))
        .pipe(gulp.dest(destination+'/css'))
        .pipe(rename({suffix: '.min'}))
        .pipe(cleanCSS())
        .pipe(gulp.dest(destination+'/css'));
});

这是我以前的代码。现在我在下面添加了这个......

var faCSS = 'fa.css';
var v4Shims = 'v4-shims.css';

gulp.task('fa', function() {
    return gulp.src('app/**/*.css')
        .pipe(concat(faCSS))
        .pipe(gulp.dest(destination+'/css'))
        .pipe(rename({suffix: '.min'}))
        .pipe(cleanCSS())
        .pipe(gulp.dest(destination+'/css'));
});

gulp.task('v4Shims', function() {
    return gulp.src('app/**/*.css')
        .pipe(concat(v4Shims))
        .pipe(gulp.dest(destination+'/css'))
        .pipe(rename({suffix: '.min'}))
        .pipe(cleanCSS())
        .pipe(gulp.dest(destination+'/css'));
});

但它不起作用。我怎样才能做到这一点？

Answer 1

你的任务应该像你第一次那样工作。只需为您的第二个 .css 文件添加路径。让我们描述一下这个过程：

gulp.task('css', ['less'], function() {
    return gulp.src('app/**/*.css')  // here you are getting all files to be processed, then fonts should be here and has .css type format
        .pipe(concat(appCSS))  // here you create output file, where all css would be combined all together
        ...
});