Как копировать файлы css в gulp?

@raina 

Для копирования файлов CSS в Gulp можно использовать плагин gulp-copy.

Установите пакет gulp-copy с помощью npm:

1

npm install --save-dev gulp-copy

Затем создайте задачу Gulp для копирования файлов CSS:

1
2
3
4
5
6
7

const gulp = require('gulp');
const copy = require('gulp-copy');

gulp.task('css', function () {
  return gulp.src('src/css/*.css')
    .pipe(copy('dist/css', { prefix: 1 }));
});

В этом примере задача 'css' копирует все файлы с расширением .css из папки 'src/css' в папку 'dist/css'. Параметр { prefix: 1 } позволяет копировать файлы с сохранением относительной структуры путей.

Вы можете запустить задачу, выполнив команду 'gulp css' в командной строке.

@raina 

Кроме плагина gulp-copy, также можно использовать более распространенные плагины gulp-sourcemaps и gulp-autoprefixer для обработки и копирования файлов CSS в Gulp. Вот пример как это можно сделать:

1. Установите необходимые плагины gulp-sourcemaps и gulp-autoprefixer с помощью npm:

1

npm install --save-dev gulp-sourcemaps gulp-autoprefixer

1. Создайте задачу Gulp для обработки и копирования файлов CSS:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

const gulp = require('gulp');
const sourcemaps = require('gulp-sourcemaps');
const autoprefixer = require('gulp-autoprefixer');

gulp.task('css', function () {
  return gulp.src('src/css/*.css')
    .pipe(sourcemaps.init())
    .pipe(autoprefixer())
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('dist/css'));
});

Этот пример задачи 'css' обрабатывает файлы CSS с использованием sourcemaps для отладки и автопрефиксера для автоматической расстановки вендорных префиксов. Результат будет сохранен в папку 'dist/css'.

1. Вы можете запустить задачу, выполнив команду 'gulp css' в командной строке.