У меня при запуске галпа возникает вот такая ошибка:
[11:34:56] Error in plugin "gulp-webp"
Message:
���⥬� �� 㤠���� ���� 㪠����� ����.
Details:
errno: ENOENT
code: ENOENT
syscall: spawn D:\Web sites\ritm-style\node_modules\cwebp-bin\vendor\cwebp.exe
killed: false
stdout:
stderr: ���⥬� �� 㤠���� ���� 㪠����� ����.
failed: true
signal: null
cmd: D:\Web sites\ritm-style\node_modules\cwebp-bin\vendor\cwebp.exe -quiet -mt
-o C:\Users\73B5~1\AppData\Local\Temp\ac8c4597-ce8f-43e0-aee0-30ae59817731 C:\Users\73B5~1\AppData\Local\Temp\8d1ac832-06d9-4a6f-b370-9c66a3e4d8dc
timedOut: false
fileName: D:\Web sites\ritm-style\app\images\src\fullscreen.jpg
domainEmitter: [object Object]
domainThrown: false
[11:34:56] 'default' errored after 16 s
Вот мой gulp-файл:
const {
src,
dest,
watch,
parallel,
series
} = require('gulp');
const scss = require('gulp-sass')(require('sass'));
const concat = require('gulp-concat');
const uglify = require('gulp-uglify-es').default;
const browserSync = require('browser-sync').create();
const autoprefixer = require('gulp-autoprefixer');
const clean = require('gulp-clean');
const avif = require('gulp-avif');
const webp = require('gulp-webp');
const imagemin = require('gulp-imagemin');
const newer = require('gulp-newer');
const svgSprite = require('gulp-svg-sprite');
const fonter = require('gulp-fonter');
const ttf2woff2 = require('gulp-ttf2woff2');
const include = require('gulp-include');
function pages() {
return src('app/pages/*.html')
.pipe(include({
includePaths: 'app/components'
}))
.pipe(dest('app'))
.pipe(browserSync.stream())
}
function styles() {
return src('app/scss/style.scss')
.pipe(autoprefixer({overrideBrowserlist: ['last 10 version']}))
.pipe(concat('style.min.css'))
.pipe(scss({outputStyle: 'compressed'}))
.pipe(dest('app/css/'))
.pipe(browserSync.stream())
}
function scripts() {
return src([
//'node_modules/swiper/swiper-bundle.js',
'app/js/main.js',
])
.pipe(concat('main.min.js'))
.pipe(uglify())
.pipe(dest('app/js'))
.pipe(browserSync.stream())
}
function images() {
return src([
'app/images/src/*.*',
'!app/images/src/*.svg'
])
.pipe(newer('app/images'))
.pipe(avif({quality: 50}))
.pipe(src('app/images/src/*.*'))
.pipe(newer('app/images'))
.pipe(webp())
.pipe(src('app/images/src/*.*'))
.pipe(newer('app/images'))
.pipe(imagemin())
.pipe(dest('app/images'))
}
function sprite() {
return src('app/images/*.svg')
.pipe(svgSprite({
mode: {
stack: {
sprite: '../sprite.svg'
}
}
}))
.pipe(dest('app/images'))
}
function fonts() {
return src('app/fonts/src/*.*')
.pipe(fonter({
formats: ['woff', 'ttf']
}))
.pipe(src('app/fonts/*.ttf'))
.pipe(ttf2woff2())
.pipe(dest('app/fonts'))
}
function watching() {
browserSync.init({
server: {
baseDir: 'app/'
}
})
watch(['app/scss/style.scss'], styles);
watch(['app/js/main.js'], scripts);
watch(['app/components/*.*', 'app/pages/*.*'], pages);
watch(['app/images/src/**/*.*'], images);
watch(['app/*.html']).on('change', browserSync.reload);
}
function cleanDist() {
return src('dist')
.pipe(clean())
}
function building() {
return src([
'app/css/style.min.css',
'app/js/main.min.js',
'app/images/*.*',
'!app/images/*.svg',
'app/images/sprite.svg',
'app/fonts/*.*',
'app/*.html'
], {base: 'app'})
.pipe(dest('dist'))
}
exports.pages = pages;
exports.styles = styles;
exports.scripts = scripts;
exports.images = images;
exports.sprite = sprite;
exports.fonts = fonts;
exports.watching = watching;
exports.building = building;
exports.build = series(cleanDist, building);
exports.default = parallel(
styles,
scripts,
images,
pages,
watching
);
Подскажите пожалуйста, как её исправить!
