当我想将源代码中的图像复制到构建文件夹中时。我得到的输出是破碎的图像。
这是标准任务代码：
export const images = () => {
return gulp
.src(path.src.images)
.pipe(plumber(plumberNotifySettings("IMAGES")))
.pipe(newer(path.build.images))
.pipe(debug({ title: 'Обработка изображения:' }))
.pipe(imagemin(imageminOption))
.pipe(gulp.dest(path.build.images))
.pipe(browserSync.stream());
};
日志中说一切都正常处理，但最终却相反
我该如何解决？
大家下午好！Gulp 没有安装
我在这里提出了有关安装 Gulp 的问题，但我没有找到问题的答案（
节点版本 - 19.3.0，npm，npx - 9.2.0
我的操作：（npm init默认情况下用所有内容填充 package.json）npm install --save-dev gulp，. 之后，控制台中显示以下内容：
npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
added 350 packages, and audited 351 packages in 14s
12 packages are looking for funding
run `npm fund` for details
6 high severity vulnerabilities
To address all issues, run:
npm audit fix
Run `npm audit` for details.
最后 Gulp 没有安装。
都试过了npm audit fix，和npm audit fix --force。没有任何帮助。
也许有人可以建议如何解决这个问题？
PS 在全局和本地都删除了 Gulp，没有帮助。
我正在尝试使用插件gulp-download和最新版本的 wordpress 下载并解压缩存档gulp-decompress，但在下载阶段，控制台不断出现
不明确的％
在这种情况下，如果您手动点击链接，下载就会开始。这是代码：
gulp.task("getWP", () => {
let url ="https://uk.wordpress.org/latest-uk.zip"
download(url).pipe(decompress()).pipe(dest(project.build.php));
})
可能是什么问题呢？
无法将 alljpeg和png图片的转换嵌入到webp. 您需要确保所有图像都转换为文件夹dist，并且还创建了图像webp：
const gulp = require('gulp');
const browserSync = require('browser-sync');
const sass = require('gulp-sass');
const cleanCSS = require('gulp-clean-css');
const autoprefixer = require('gulp-autoprefixer');
const rename = require("gulp-rename");
const imagemin = require('gulp-imagemin');
const webp = require('imagemin-webp');
const htmlmin = require('gulp-htmlmin');
const extReplace = require("gulp-ext-replace");
gulp.task('server', function() {
browserSync({
server: {
baseDir: "dist"
}
});
gulp.watch("src/*.html").on('change', browserSync.reload);
});
gulp.task('styles', function() {
return gulp.src("src/scss/**/*.+(scss|sass)")
.pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
.pipe(rename({suffix: '.min', prefix: ''}))
.pipe(autoprefixer())
.pipe(cleanCSS({compatibility: 'ie8'}))
.pipe(gulp.dest("dist/css"))
.pipe(browserSync.stream());
});
gulp.task('watch', function() {
gulp.watch("src/scss/**/*.+(scss|sass|css)", gulp.parallel('styles'));
gulp.watch("src/*.html").on('change', gulp.parallel('html'));
gulp.watch("src/js/**/*.js").on('change', gulp.parallel('scripts'));
gulp.watch("src/fonts/**/*").on('all', gulp.parallel('fonts'));
gulp.watch("src/icons/**/*").on('all', gulp.parallel('icons'));
gulp.watch("src/img/**/*").on('all', gulp.parallel('images'));
});
gulp.task('html', function () {
return gulp.src("src/*.html")
.pipe(htmlmin({ collapseWhitespace: true }))
.pipe(gulp.dest("dist/"));
});
gulp.task('scripts', function () {
return gulp.src("src/js/**/*.js")
.pipe(gulp.dest("dist/js"))
.pipe(browserSync.stream());
});
gulp.task('fonts', function () {
return gulp.src("src/fonts/**/*")
.pipe(gulp.dest("dist/fonts"))
.pipe(browserSync.stream());
});
gulp.task('icons', function () {
return gulp.src("src/icons/**/*")
.pipe(gulp.dest("dist/icons"))
.pipe(browserSync.stream());
});
gulp.task('images', function () {
return gulp.src("src/img/**/*")
.pipe(imagemin())
.pipe(gulp.dest("dist/img"))
.pipe(browserSync.stream());
});
gulp.task('default', gulp.parallel('watch', 'server', 'styles', 'scripts', 'fonts', 'icons', 'html', 'images'));我最近设置了 gulp，并且在处理第一个项目时没有遇到任何问题。问题出现在将 gulp 转移到另一个项目的阶段。移动 gulp、src 和 package.json，在 VScode 中启动文件夹，然后使用 npm i 安装插件。但是，当直接在终端中使用“gulp”时，会出现此消息。
可以做些什么呢？