Concat 2 CSS-файлы

Question

У меня была загрузка app.css для задачи gulp.

Отлично работает, но теперь я хочу добавить 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
        ...
});