Как собрать несколько css файлов в один на gulp?

@caterina 

Вы можете использовать пакет gulp-concat-css, чтобы объединить несколько CSS файлов в один.

Вот пример кода для задачи Gulp, которая объединяет все CSS файлы в папке src/css в один файл bundle.css и сохраняет его в папке dist/css:

1
2
3
4
5
6
7
8

const gulp = require('gulp');
const concatCss = require('gulp-concat-css');

gulp.task('concat-css', function () {
  return gulp.src('src/css/*.css')
    .pipe(concatCss('bundle.css'))
    .pipe(gulp.dest('dist/css'));
});

Эта задача использует gulp.src() для выбора всех файлов CSS в папке src/css, затем использует gulp-concat-css для объединения их в один файл bundle.css, который затем сохраняется в папке dist/css с помощью gulp.dest().

Вы можете запустить эту задачу, используя gulp concat-css.

@caterina 

Дополнение к предыдущему ответу, необходимо установить пакеты gulp и gulp-concat-css:

1 2

npm install --save-dev gulp npm install --save-dev gulp-concat-css