使用 gulp.dest 复制时文件损坏

问题描述 投票:0回答:1

image.mjscopy.mjs 文件中,我使用

gulp.dest
但它在复制时会破坏文件,即复制是在正确的路径中完成的,但文件最终会变得很大并且不再可用

对于图像,.svg 文件不会发生这种情况,但.png 文件会发生这种情况

我使用woff和woff2格式字体

我使用这个版本的包:

"browser-sync": "^3.0.2",
"del": "^7.1.0",
"gulp": "^5.0.0",
"gulp-autoprefixer": "^9.0.0",
"gulp-clean-css": "^4.3.0",
"gulp-cli": "^3.0.0",
"gulp-prettier": "^6.0.0",
"gulp-pug": "^5.0.0",
"gulp-rename": "^2.0.0",
"gulp-replace": "^1.1.4",
"gulp-sass": "^5.1.0",
"path": "^0.12.7",
"pug": "^3.0.2",
"sass": "^1.72.0"

这是我的 gulpfile.mjs:

import gulp from "gulp";

import path from "./gulp/config/path.mjs";
import plugins from "./gulp/config/plugins.mjs";

global.app = {
  path: path,
  gulp: gulp,
  plugins: plugins,
};

import copy from "./gulp/tasks/copy.mjs";
import reset from "./gulp/tasks/reset.mjs";
import pug from "./gulp/tasks/pug.mjs";
import server from "./gulp/tasks/server.mjs";
import scss from "./gulp/tasks/scss.mjs";
import image from "./gulp/tasks/image.mjs";
import js from "./gulp/tasks/js.mjs";
import format from "./gulp/tasks/format.mjs";

gulp.task("format", format);

function watcher() {
  gulp.watch(path.watch.fonts, copy);
  gulp.watch(path.watch.pug, pug);
  gulp.watch(path.watch.scss, scss);
  gulp.watch(path.watch.img, image);
  gulp.watch(path.watch.js, js);
}

const mainTasks = gulp.parallel(copy, pug, scss, image, js);

const dev = gulp.series(reset, mainTasks, gulp.parallel(watcher, server));

gulp.task("default", dev);

这是我的 image.mjs 文件:

const image = () => {
  return app.gulp
    .src(app.path.src.img)
    .pipe(app.gulp.dest(app.path.build.img))
    .pipe(app.plugins.browsersync.stream());
};

export default image;

这是我的 copy.mjs 文件:

const copy = () => {
  return app.gulp
    .src(app.path.src.fonts)
    .pipe(app.gulp.dest(app.path.build.fonts));
};

export default copy;

我尝试使用 gulp-copy 插件而不是

gulp.dest
,但由于某种原因它不起作用

我发现了类似的问题,但那里的解决方案对我不起作用

javascript image fonts gulp
1个回答
0
投票

在尝试压缩某些图像或尝试移动字体文件夹时,我遇到了同样的问题。将 Gulp 版本更改为 4.0.2 后,一切都按预期工作。

npm install gulp@4 --save-dev

我刚刚在项目存储库中打开了一张票:https://github.com/gulpjs/gulp/issues/2796

© www.soinside.com 2019 - 2024. All rights reserved.