问题标签 [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.
gulp - 为什么新添加的文件不会触发我的 gulp-watch 任务?
我有一个使用 gulp-imagemin 压缩图像的 gulp 任务。当我向这个目录添加新文件时,我希望这个任务也能压缩它们。我读到gulp.watch 不会在新文件上触发,我应该尝试 gulp-watch 所以我像这样使用它;
这与第一次运行时的 gulp.watch 相同,但是当我将新图像添加到目录时没有任何反应。但是,如果我覆盖现有文件,它会再次运行该任务,因此它的行为会有所不同。
gulp-watch 上的文档将此称为“批处理模式”,并说我也可以基于每个文件运行任务,所以我也尝试了这种方式;
但什么都没有改变。为什么不将文件添加到我的图像目录触发任务?
javascript - 用 gulp / imagemin 替换子文件夹中的文件
我的文件夹结构为
我想用gulp 对它们进行 imagemin 并将图像放在相同的子文件夹中,怎么办?
我应该在里面放gulp.dest
什么?
gulp - 如何使用 gulp-imagemin 替换原始文件
我需要设置一个gulp
任务来优化目录中的图像文件,但由于这是一个现有站点,我无法更改输出目录。换句话说,我需要优化的图像来替换现有的图像。
我已经四处搜索,并阅读了文档gulp-imagemin
,甚至尝试使用 shell 进行操作,但无济于事。
一定有办法做到这一点,但到目前为止,我还没有在互联网上找到如何做到这一点的证据。我希望SO的好人可以在这方面帮助我:)
这是我的代码:
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 模块结合使用吗?如果是这样,怎么做?
提前致谢。
javascript - gulp-imagemin - 如何忽略目录结构?
我正在使用gulp-imagemin
它的基本形式
我的images/
目录看起来像
我希望他们这样输出:
但他们保留了他们的文件夹结构。
如何做到这一点?
javascript - Gulp 在 gulp.src() 中的符号链接上给出错误
我的图像文件夹中有一个符号链接,它指向另一个文件夹,其中包含由第三方库提供的外部图像(由 bower 管理 - 一定要喜欢 javascript)。作为构建过程的一部分,我按如下方式压缩所有图像:
当 gulp 到达 img 文件夹中的符号链接文件夹时,它返回
使用 gulp-debug 表明它在符号链接文件夹上犹豫不决。我在 Mac OSX 上,符号链接是使用 ln -s 创建的。有任何想法吗?
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 任务:
gulp - 在 Windows 上安装 gulp-imagemin 会创建超过 10,000 个文件
我已经在我的 Windows 7 笔记本电脑上安装了 gulp-imagemin
经过漫长的过程,最终得到了一个包含 10,000 多个文件和一些非常深的文件夹结构的文件夹。有没有其他人看过这个?它可能是正确的还是我怀疑某个问题是正确的?
gulp - Gulp:如何在一项任务中设置多个来源和目的地?
我正在使用gulp-imagemin
缩小images
文件夹中的图像。任务的输出应流式传输到dist/images
目录中。但是,源images
文件夹有一个子文件夹images/headers
,其压缩内容应流式传输到dist/images/headers
. 所以这是源文件夹结构:
其内容应流式传输到:
目前我的任务定义如下所示:
我的问题是如何告诉 Gulp 流式传输images/headers
,dist/images/headers
而无需为其编写单独的任务。
我知道我可以传递源数组,但是我可以告诉 Gulp 在哪里输出每个目的地的处理后的内容,以便每个源都有不同的目的地吗?
gulp - gulp-imagemin 压缩率差
我已经在我的网站上运行图像gulp-imagemin
以压缩它们并减小其大小。我已经使用了几个可用的插件gulp-imagemin
。我的“压缩”任务的定义如下:
不幸的是,似乎在压缩图像gulp-imagemin
方面表现很差。*.jpg
在运行压缩任务之前,我已经设法在.jpg
重约 300kb 的文件上节省了 10kb。这与optimizationLevel
设置为 7(最高值)无关。
当我在 GIMP 中保存与“网络优化”相同的图像时,它的大小减少了约 50%。
为什么gulp-imagemin
如此无效,以及如何有效地批量压缩图像?