问题标签 [gulp-imagemin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2908 浏览

javascript - 当我运行简单任务时,gulp-imagemin jpegtran-bin 不起作用

我想将图像和管道压缩到构建目录,但运行任务后构建文件夹为空。这是我的任务:

尝试运行时出现错误,gulp images/node_modules/jpegtran-bin/vendor/jpegtrannode_modules

我还尝试通过以下链接解决此问题:

重新安装节点模块

npm 重建

有我的项目结构:

注意到我在公司代理下工作,但我确定我已经为 npm 和 git 设置了代理。

谁能帮我?先感谢您。

0 投票
1 回答
470 浏览

javascript - Imagemin svgo 删除路径

我有带有两个“路径”标签的 SVG 图标。使用 imagemin.svgo imagemin 构建后,删除此“路径”之一,我的图标看起来很糟糕。我怎样才能解决这个问题?

这是我的选择。

0 投票
0 回答
162 浏览

javascript - 从 src 复制到 dist 时丢失文件?

运行上述任务时,我希望它从 src 目录中获取文件,缩小它们,然后将它们复制到目标。

但是,当任务运行时我遇到了问题。只有 81 个图像输出到目标文件夹,但 src 文件夹中有 103 个文件。

如果有人能对这个问题有所了解,我将不胜感激,我已经将头撞在键盘上一个半小时试图解决这个问题。

希望有人解决,谢谢。

0 投票
1 回答
1660 浏览

gulp - GULP:如何在使用 browserSync 时查看新图像?

我不知道如何使用 gulp -watch监视新文件并在使用browserSync 时应用gulp -image ...当我在图像文件夹 (./fixtures/*) 中添加新图像时,什么也没有发生。我会在命令行中手动执行此操作,但我必须关闭我的 browserSync(这不是一个真正可行的解决方案)。所以......这就是我的 gulpfile.js 的样子:

0 投票
0 回答
746 浏览

javascript - 使用 Gulp 构建生产文件夹

我在一个项目中使用 Gulp 并注意到两个问题:

  1. 图像未复制到dist文件夹中。我正在imagemin这样做,但图像文件夹根本没有构建。我多次检查文件夹的根目录,但似乎找不到错误。这是我的文件夹组织:

|- app/ |- css/ |- fonts/ |- images/ |- index.html |- js/ |- jQuery Nice Select/ |- jQuery Validation/ |- scss/ |- dist/ |- gulpfile.js |- node_modules/ |- package.json

  1. 我正在使用jQuery Validate插件和NiceSelect插件。它们似乎没有包含在构建任务中。在生产中,验证不起作用,选择也不起作用,因为它看起来像 Chrome 呈现的。

HTML

gulpfile.js

0 投票
1 回答
467 浏览

gulp-imagemin - Gulp-imagemin:如何保存 EXIF?

有没有办法保存 EXIF 等元数据?我一直无法找到这个选项。

0 投票
1 回答
391 浏览

gulp - 由于 thumbs.db,我无法使用 gulp-imagemin 缩小图像

由于 thumbs.db 文件,我无法缩小图像,当我尝试缩小图像时,出现如下所示的权限错误:

错误:EPERM:不允许操作,打开“C:\Users\Pc\Desktop\template\dist\img\Thumbs.db”

我明白它为什么这样做,但我不知道如何防止这种情况。

编辑 1:gulp 片段

0 投票
1 回答
374 浏览

automation - I need a progress bar in CLI when I run any task with gulp

I'm running image optimization via Gulp which taking about a minute to optimize all my images. So can I show a progress bar in CLI so that It displays a progress bar while the image optimization task is running.

here is my code for gulp (which does image optimization)

0 投票
2 回答
210 浏览

javascript - 复制文件的 Gulpfile 任务应优化图像(如果有)

在我的 gulpfile 中,我正在复制多个文件(各种格式),如果这些文件中的任何一个包含我想用gulp-imagemin.

问题是gulp-imagemin只需要图像,否则会在日志中抛出不受支持的图像,所以如果我要传入整个 glob,它会引发很多错误,我想避免这种情况。我试图gulp-if过滤 glob,虽然它可以作为过滤器并防止这些错误,但即使没有图像存在,它似乎总是至少通过一次。例如,即使没有任何 png 文件,它仍然会调用 imagemin() 一次:

这将记录“缩小 0 个图像”,因为在我的真实场景中,我传递了几十个没有图像的球体,所以我的日志被垃圾邮件淹没了。如果我将 gulpif 条件设置为静态假,它根本不会调用 imagemin,所以它一定是这个条件不应该是假的东西?

如果 glob 不包含某种类型的文件,我如何根本不调用 imagemin()?

0 投票
1 回答
241 浏览

svg - gulp-imagemin 正在将 SVG 文件缩小到 0kb

我有一个 SVG 文件,其中包含多个<symbol>代表图标的标签。它看起来像这样:

我正在通过 gulp imagemin 任务运行这个文件,如下所示:

该文件被缩小并放在正确的 dest 目录中,但是它说它已经优化了 100% 的文件,并且它的大小下降到 0kb,没有文件内容。SVG 完全从文件中剥离。

为什么这个 svg 的所有文件内容都被破坏了,我该如何解决?