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

Пользователь

от johnpaul.blick , в категории: JavaScript , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от pauline , 2 года назад

@johnpaul.blick 

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


Пример использования плагина gulp-copy:

1
2
3
4
5
6
7
const gulp = require('gulp');
const copy = require('gulp-copy');

gulp.task('copy-files', function() {
  return gulp.src('src/**/*')
    .pipe(copy('dist'));
});


В примере выше, задача copy-files скопирует все файлы и папки из папки src в папку dist. Плагин gulp-copy берет на вход исходные файлы, а затем копирует их в указанную директорию.


Пример использования плагина gulp-file:

1
2
3
4
5
6
7
const gulp = require('gulp');
const file = require('gulp-file');

gulp.task('create-file', function() {
  return file('example.txt', 'Hello, world!', { src: true })
    .pipe(gulp.dest('dist'));
});


В примере выше, задача create-file создает файл example.txt с текстом "Hello, world!" и помещает его в папку dist. Плагин gulp-file создает файл с указанным именем и содержимым.

Пользователь

от brenna , год назад

@johnpaul.blick 

Установите плагин gulp-copy при помощи следующей команды:

1
npm install gulp-copy --save-dev


После установки плагина, добавьте следующий код в ваш файл gulpfile.js:

1
2
3
4
5
6
7
const gulp = require('gulp');
const copy = require('gulp-copy');

gulp.task('copy-files', function() {
  return gulp.src('src/**/*')
    .pipe(copy('dist'));
});


В примере выше, задача copy-files скопирует все файлы и папки из папки src в папку dist. Плагин gulp-copy берет на вход исходные файлы, а затем копирует их в указанную директорию.


Запустите эту задачу, выполнив следующую команду в терминале:

1
gulp copy-files


После выполнения данной команды, все файлы из папки src будут скопированы в папку dist. Обратите внимание, что папки в dist будут созданы, если они еще не существуют.