Чтобы удалить шрифты из исходной папки после их преобразования в форматы Woff и Woff2 с использованием Gulp, вам понадобится установить несколько плагинов. Первым делом, установите Gulp, если еще не сделали этого, выполнив команду:
npm install gulp --save-dev
Затем установите плагины gulp-webfont
, del
, и run-sequence
:
npm install gulp-webfont del run-sequence --save-dev
gulp-webfont
будет использоваться для преобразования шрифтов в форматы Woff и Woff2, del
- для удаления исходных файлов шрифтов, а run-sequence
- для запуска задач в определенной последовательности.
Далее, создайте файл gulpfile.js
в корневой папке вашего проекта и добавьте следующий код:
var gulp = require('gulp'); var webfont = require('gulp-webfont'); var del = require('del'); var runSequence = require('run-sequence'); gulp.task('webfont', function() { return gulp.src('src/fonts/*.ttf') .pipe(webfont({ formats: ['woff', 'woff2'] })) .pipe(gulp.dest('dist/fonts')); }); gulp.task('clean', function() { return del('src/fonts/*.ttf'); }); gulp.task('build', function() { runSequence('webfont', 'clean'); }); gulp.task('default', ['build']);
Здесь мы определяем три задачи Gulp:
1. webfont
- задача для преобразования шрифтов в форматы Woff и Woff2 с помощью gulp-webfont
. В этой задаче мы указываем путь к исходным файлам шрифтов (в данном случае, файлы с расширением .ttf
в папке src/fonts
), а также форматы, в которые они должны быть преобразованы (Woff и Woff2). Результаты преобразования сохраняются в папке dist/fonts
.
2. clean
- задача для удаления исходных файлов шрифтов с помощью плагина del
. В этой задаче мы указываем путь к файлам, которые нужно удалить (в данном случае, файлы с расширением .ttf
в папке src/fonts
).
3. build
- задача, запускающаяся последовательно после задачи webfont
и clean
. В этой задаче мы используем плагин run-sequence
для запуска задач webfont
и clean
в определенном порядке.
Чтобы запустить процесс преобразования шрифтов и удаления исходных файлов, выполните следующую команду:
gulp
После выполнения команды, исходные файлы шрифтов (расширение .ttf
) будут удалены из папки src/fonts
, а преобразованные файлы шрифтов в форматы Woff и Woff2 будут сохранены в папке dist/fonts
.