Для настройки кэширования файлов только с миксинами в Gulp.js вам потребуется использовать плагин gulp-cache и настроить его для работа с конкретными файлами.
Вот подробный процесс настройки:
1. Установка плагина gulp-cache. Вы можете установить его, выполнив следующую команду в командной строке:
npm install gulp-cache --save-dev
2. Подключение плагина в вашем gulpfile.js:
var gulp = require('gulp'); var cache = require('gulp-cache');
3. Напишите задачу для работы с файлами миксинов:
gulp.task('cacheMixins', function() { return gulp.src('src/mixins/*.css') // Укажите путь к файлам миксинов, которые вы хотите кэшировать .pipe(cache({ prefix: 'mixins', // Префикс для имени кэшированного файла fileCache: new cache.Cache({cacheDirName: 'mixins'}) // Конфигурация для сохранения кэш-файлов })) .pipe(gulp.dest('dist/mixins')); // Путь для сохранения файлов после применения кэша });
4. Завершите ваш gulpfile.js с помощью задачи кэширования:
gulp.task('default', gulp.series('cacheMixins'));
5. Теперь, при запуске задачи, например, gulp
, Gulp.js будет кэшировать только файлы миксинов в указанной директории (src/mixins
), а затем сохранять их в другую директорию (dist/mixins
).
Обратите внимание, что вам нужно будет внести соответствующие изменения в пути и расширения файлов в коде, чтобы адаптировать его к вашей структуре проекта.
Надеюсь, этот подробный пример поможет вам настроить кэш для файлов только с миксинами в Gulp.js.