В Gulp.js вы можете создать задачу, которая следит за изменениями в выбранных файлах и сохраняет их копии при каждом изменении. Чтобы это сделать, вам понадобится использовать плагин gulp-watch и gulp-rename.
Первым делом установите плагины, выполнив следующие команды в командной строке:
npm install gulp-watch --save-dev npm install gulp-rename --save-dev
После успешной установки добавьте их в gulpfile.js, который вы должны создать в корневой папке вашего проекта.
const gulp = require('gulp');
const watch = require('gulp-watch');
const rename = require('gulp-rename');
gulp.task('watch', function() {
return watch('src/*.js') // выбираем файлы для отслеживания изменений
.on('change', function(file) { // при изменении файлов
gulp.src(file) // выбираем изменённый файл
.pipe(rename(function(path) { // переименовываем его
path.dirname += '/backup'; // добавляем путь для сохранения копии
path.basename += '-backup'; // добавляем "-backup" к имени файла
}))
.pipe(gulp.dest('dist')); // сохраняем копию в папке dist
});
});
Этот код определяет задачу watch, которая отслеживает любые изменения в файлах с расширением .js в папке src. При изменении файла, он выбирается и копируется в папку dist/backup с добавлением -backup в его имя.
Чтобы запустить задачу, выполните следующую команду в командной строке:
gulp watch
Теперь, при каждом изменении выбранных выражений в файлах, копия будет сохраняться в папку dist/backup. Вы можете изменить выбор файлов и папку назначения, внесите соответствующие изменения в gulpfile.js.