Для создания папки для каждого обрабатываемого файла в Gulp.js, вы можете использовать плагин gulp-rename
в сочетании с функцией gulp.dest
.
Перед тем как рассмотреть подробности реализации, у вас должен быть установлен Gulp.js и плагины gulp-rename
и gulp.dest
. Если у вас еще нет их, вы можете установить их через npm:
npm install gulp gulp-rename gulp-dest --save-dev
После установки, вы можете создать gulp-задачу для обработки файлов. Создайте файл gulpfile.js
в корневой папке вашего проекта (если он еще не существует) и добавьте следующий код:
const gulp = require('gulp'); const rename = require('gulp-rename'); // Задача для обработки файлов gulp.task('processFiles', function() { return gulp.src('src/*.txt') // путь к исходным файлам .pipe(rename(function(path) { path.dirname = ''; // очищаем директорию пути файла // Создаем папку на основе имени файла let fileName = path.basename; let folderName = fileName.substring(0, fileName.lastIndexOf('.')); // получаем имя файла без расширения path.basename = folderName; path.extname = ''; // удаляем расширение файла })) .pipe(gulp.dest('dist')); // путь для сохранения обработанных файлов });
В приведенном выше примере мы настроили задачу для обработки файлов с расширением .txt
из папки src
. Плагин gulp-rename
используется для изменения пути и имени файла. Внутри функции rename
, мы очищаем директорию пути файла, создаем папку на основе имени файла и удаляем расширение файла.
Наконец, мы используем gulp.dest
для сохранения обработанных файлов в папку dist
. Вы можете изменить путь, если вам это удобно.
Чтобы выполнить задачу, просто запустите команду gulp processFiles
в терминале из корневого каталога вашего проекта. Gulp.js обработает все файлы в соответствии с настройками задачи.
Надеюсь, это помогло! Если у вас возникнут еще вопросы, не стесняйтесь задавать их.