问题标签 [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 回答
10531 浏览

gulp - 为什么新添加的文件不会触发我的 gulp-watch 任务?

我有一个使用 gulp-imagemin 压缩图像的 gulp 任务。当我向这个目录添加新文件时,我希望这个任务也能压缩它们。我读到gulp.watch 不会在新文件上触发,我应该尝试 gulp-watch 所以我像这样使用它;

这与第一次运行时的 gulp.watch 相同,但是当我将新图像添加到目录时没有任何反应。但是,如果我覆盖现有文件,它会再次运行该任务,因此它的行为会有所不同。

gulp-watch 上的文档将此称为“批处理模式”,并说我也可以基于每个文件运行任务,所以我也尝试了这种方式;

但什么都没有改变。为什么不将文件添加到我的图像目录触发任务?

0 投票
1 回答
1730 浏览

javascript - 用 gulp / imagemin 替换子文件夹中的文件

我的文件夹结构为

我想用gulp 对它们进行 imagemin 并将图像放在相同的子文件夹中,怎么办?

我应该在里面放gulp.dest什么?

0 投票
1 回答
1907 浏览

gulp - 如何使用 gulp-imagemin 替换原始文件

我需要设置一个gulp任务来优化目录中的图像文件,但由于这是一个现有站点,我无法更改输出目录。换句话说,我需要优化的图像来替换现有的图像。

我已经四处搜索,并阅读了文档gulp-imagemin,甚至尝试使用 shell 进行操作,但无济于事。

一定有办法做到这一点,但到目前为止,我还没有在互联网上找到如何做到这一点的证据。我希望SO的好人可以在这方面帮助我:)

这是我的代码:

0 投票
1 回答
826 浏览

javascript - 将 gulp imagemin 优化器与 gulp-load-plugins 结合使用

我正在使用 Gulp-load-plugins ( https://github.com/jackfranklin/gulp-load-plugins ) 自动要求我的所有插件。

如在

现在要使用 imagemin,我有以下设置

但我收到错误“TypeError:Object # has no method 'svgo'”。在 imagemin 的文档中,它们分别需要优化器。这可以与 grunt-load-plugins 模块结合使用吗?如果是这样,怎么做?

提前致谢。

0 投票
1 回答
297 浏览

javascript - gulp-imagemin - 如何忽略目录结构?

我正在使用gulp-imagemin它的基本形式

我的images/目录看起来像

我希望他们这样输出:

但他们保留了他们的文件夹结构。

如何做到这一点?

0 投票
3 回答
3556 浏览

javascript - Gulp 在 gulp.src() 中的符号链接上给出错误

我的图像文件夹中有一个符号链接,它指向另一个文件夹,其中包含由第三方库提供的外部图像(由 bower 管理 - 一定要喜欢 javascript)。作为构建过程的一部分,我按如下方式压缩所有图像:

当 gulp 到达 img 文件夹中的符号链接文件夹时,它返回

使用 gulp-debug 表明它在符号链接文件夹上犹豫不决。我在 Mac OSX 上,符号链接是使用 ln -s 创建的。有任何想法吗?

0 投票
2 回答
2232 浏览

optimization - 改进 PNG 优化 Gulp 任务

这是具有透明度的源 PNG:http ://i.imgur.com/7m0zIBp.png (13.3kB)

  • 使用 compresspng.com 优化:http ://i.imgur.com/DHUiLuO.png (5.4kB)
  • 使用 tinypng.com 优化:http ://i.imgur.com/rEE2hzg.png (5.6kB)
  • 使用 gulp-imagemin+imagemin-pngquant 优化:http ://i.imgur.com/OTqI6lK.png (6.6kB)

如您所见,在线工具比 Gulp 更好。有没有办法使用 Gulp 改进 PNG 优化?

以防万一,这是我的 gulp 任务:

0 投票
1 回答
943 浏览

gulp - 在 Windows 上安装 gulp-imagemin 会创建超过 10,000 个文件

我已经在我的 Windows 7 笔记本电脑上安装了 gulp-imagemin

经过漫长的过程,最终得到了一个包含 10,000 多个文件和一些非常深的文件夹结构的文件夹。有没有其他人看过这个?它可能是正确的还是我怀疑某个问题是正确的?

0 投票
1 回答
763 浏览

gulp - Gulp:如何在一项任务中设置多个来源和目的地?

我正在使用gulp-imagemin缩小images文件夹中的图像。任务的输出应流式传输到dist/images目录中。但是,源images文件夹有一个子文件夹images/headers,其压缩内容应流式传输到dist/images/headers. 所以这是源文件夹结构:

其内容应流式传输到:

目前我的任务定义如下所示:

我的问题是如何告诉 Gulp 流式传输images/headersdist/images/headers而无需为其编写单独的任务。

我知道我可以传递源数组,但是我可以告诉 Gulp 在哪里输出每个目的地的处理后的内容,以便每个源都有不同的目的地吗?

0 投票
1 回答
1339 浏览

gulp - gulp-imagemin 压缩率差

我已经在我的网站上运行图像gulp-imagemin以压缩它们并减小其大小。我已经使用了几个可用的插件gulp-imagemin。我的“压缩”任务的定义如下:

不幸的是,似乎在压缩图像gulp-imagemin方面表现很差。*.jpg在运行压缩任务之前,我已经设法在.jpg重约 300kb 的文件上节省了 10kb。这与optimizationLevel设置为 7(最高值)无关。

当我在 GIMP 中保存与“网络优化”相同的图像时,它的大小减少了约 50%。

为什么gulp-imagemin如此无效,以及如何有效地批量压缩图像?