Gulp, как заменить все src?

В Gulp.js, существует несколько способов заменить все исходные файлы (src). Давайте рассмотрим несколько вариантов:

1. Использование плагина gulp-replace:
gulp-replace — это плагин, который позволяет заменять текст в файлах. Для его установки, выполните команду: npm install --save-dev gulp-replace. Затем, в вашем gulpfile.js, добавьте следующий код:

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

   gulp.task('replace', function() {
       return gulp.src('src/*.ext')
           .pipe(replace('textToReplace', 'replacementText'))
           .pipe(gulp.dest('dist'));
   });

В приведенном выше примере, src/*.ext представляет собой путь к вашим исходным файлам, в которых нужно выполнить замену текста. 'textToReplace' - это текст, который нужно заменить, а 'replacementText' - текст, на который нужно заменить. Когда этот задача выполняется, она заменит все вхождения 'textToReplace' на 'replacementText' в ваших исходных файлах и сохранит результат в папке dist.

2. Использование плагина gulp-rename:
gulp-rename позволяет переименовывать файлы в Gulp. Для установки, выполните команду: npm install --save-dev gulp-rename. Затем, добавьте следующий код в gulpfile.js:

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

   gulp.task('rename', function() {
       return gulp.src('src/*.ext')
           .pipe(rename(function(path) {
               path.basename += "-new";
           }))
           .pipe(gulp.dest('dist'));
   });

В приведенном выше примере, src/*.ext - это путь к вашим исходным файлам, которые вы хотите переименовать. Функция rename используется для изменения имени файла (basename). В этом примере, мы добавляем "-new" к каждому имени файла. Результат сохраняется в папке "dist".

3. Использование регулярных выражений:
Если вам нужно выполнить более сложную замену текста, вы можете использовать регулярные выражения в сочетании с плагином gulp-replace. Например:

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

   gulp.task('replace', function() {
       return gulp.src('src/*.ext')
           .pipe(replace(/textToReplace/g, 'replacementText'))
           .pipe(gulp.dest('dist'));
   });

В примере выше, /textToReplace/g - это регулярное выражение, которое будет сопоставлять все вхождения "textToReplace" и заменять их на "replacementText".

Это только некоторые из способов замены всех исходных файлов в Gulp.js. В зависимости от ваших потребностей, вы можете подобрать наиболее подходящий метод.