В Gulp.js можно легко добавить дату в конец файла CSS, используя плагин Gulp gulp-replace
и JavaScript Date объект.
Для начала, установите gulp-replace
плагин, запустив команду в терминале:
npm install gulp-replace --save-dev
После установки, добавьте плагин в ваш Gulpfile.js:
const gulp = require('gulp'); const replace = require('gulp-replace');
Затем, создайте задачу для Gulp, которая будет добавлять дату в конец файла CSS:
gulp.task('addDateToCSS', function() { const currentDate = new Date(); const dateString = currentDate.toISOString(); return gulp.src('path/to/your/css/file.css') .pipe(replace('.css', '-'+ dateString + '.css')) .pipe(gulp.dest('path/where/to/output/file')); });
В данном примере, мы используем gulp.src()
для выбора файла CSS, к которому мы хотим добавить дату. Затем, используем replace()
для замены расширения файла на расширение, состоящее из даты. Например, если ваш файл называется styles.css
, то после замены расширение станет styles-2021-01-01T00:00:00.000Z.css
.
Наконец, мы используем gulp.dest()
для указания пути, куда сохранить результат.
Чтобы запустить эту задачу в Gulp.js, просто запустите команду gulp addDateToCSS
в терминале.
Теперь, когда вы запустите эту задачу, в конце файла CSS будет добавлена дата. Это может быть полезно для кеширования файлов CSS, чтобы обновленная версия файла всегда выгружалась, даже если пользователь уже посещал ваш сайт ранее.