问题标签 [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.
javascript - gulp-image 最小压缩错误
我在下面运行 Gulp 管道。管道在终端中正常运行,并且图像输出到 /dist 文件夹中。这些图像的文件大小与 /src 完全相同。
终端输出(相关领域)
gulp - Gulp imagemin 打印错误,因为它不仅影响 .png 文件
Gulp imagemin 会打印错误,因为它会影响.svg
文件和.png
图像。
错误是:
Gulp 部分代码:
这个问题的解决方案是什么?我只想递归优化.png
图像。
gulp - 如何在服务工作者中缓存 webp 图像?
我正在通过以下代码使用 gulp 进行图像缩小和转换为 webp:
由于控制台错误指向服务工作人员,我是否需要对服务工作人员进行任何更改?
我尝试将扩展名更改为 webp 以获取 jpg 图像,但这也不起作用。我有几个疑问:
- 为什么我只收到 jpg 图像的错误是因为这些图像是从 API 获取的?
- 如何在 gulp 缩小和转换后处理服务工作者中缓存的所有图像格式?
请帮助解决这个问题,如果你能指出一些好的资源,我在这里很困惑,这将是很大的帮助!
编辑1:
更新了 serviceworker.js 代码 `
` gulp 任务成功运行和执行任务没有问题
[09:10:50] 使用 gulpfile gulpfile.js
[09:10:50] 开始“缩小图像”...
[09:10:51] gulp-imagemin:缩小 18 幅图像(节省 12.84 kB - 6.6%)
[09:10:51] 108 毫秒后完成“缩小图像”
镀铬标题
请求网址:http://localhost:8000/img/6
请求方法:GET 状态码:404 Not Found(来自 ServiceWorker)
远程地址:127.0.0.1:8000
推荐人政策:降级时无推荐人
连接:保持活动
内容长度:0
日期:格林威治标准时间 2018 年 11 月 16 日星期五 13:43:03
服务器:ecstatic-3.2.2 显示临时标头
用户代理:Mozilla/5.0(Linux;Android 6.0;Nexus 5 Build/MRA58N)
AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Mobile Safari/537.36
gulp - 如何优化通过 Netlify CMS 上传的图片?
我有一个 Hugo 网站,我正在使用 Netlify CMS 来管理内容。每次站点构建时,它都会运行一个 Gulp 任务,将图像从 src 文件夹优化到静态文件夹。但是,问题是,当我通过 CMS 上传图像时,它会将其存储在静态文件夹中。
那么,在管理员 config.yml 中,我应该将 media_folder 设置为 src/images 吗?
我的想法是该任务将运行并将新的缩小图像存储到静态文件夹中,但对吗?还是有其他方法可以做到这一点?
吞咽任务:
管理员配置.yml
gulp - Gulp since 或 'vinyl-filter-since' 的用法
我正在尝试构建一个简单的图像优化器,它只触发“自”7 天前添加的图像。目的是每个周末在网络服务器上运行它,以优化一周内添加的图像。
所以,到目前为止,我得到了这个:
该脚本现在在“images”文件夹中的所有图像上运行。我已经尝试在 gulp.src 上使用“since”选项,但没有成功。有人有什么建议吗?
谢谢!
javascript - gulp-tinypng 和 gulp-imagemin 都不优化 png
我想在我的 gulp 工作流程中添加一个 png 优化器。我已经尝试过 gulp-tinypng 和 gulp-imagemin。
我使用 gulp 4.0.0
以下是我的功能:
我使用 png 权重1002 Ko运行我的测试。
如果我使用网站tinypng,重量会下降到279 Ko
这两个函数运行平稳,没有错误,文件被复制到应该在的地方,但文件的重量没有减少。这就像它正在复制原始文件一样。
我很高兴在这里得到一些帮助,因为我不明白发生了什么。
gulp - 我从 gulp 收到错误 - JPEG 支持未编译
在此事件之前,我的开发没有问题。今天我不得不重新安装 Windows,之后我在 Windows 上安装了 ubuntu 终端。安装了 gulp、node、npm(在这个错误之后我尝试通过 yarn 启动项目)当我启动我的 gulp 项目时,任务没有完成。问题是我得到了如下错误:
如果从项目中删除 jpeg 图像,任务将很好地完成,并且 guld 将工作,但没有它们。我知道问题是我的 jpeg(已经在我的项目中)没有编译,但我不知道为什么,以及如何解决它。
我尝试重新安装需要编译 jpeg 的软件包,但这对我不起作用。
我知道这个问题是我的 jpeg(已经在我的项目中)没有编译,但我不知道为什么,以及如何解决它。
javascript - 如何解决 Gulp 错误:imagemin.jpegtran 不是函数
每当我尝试使 imagemin 适用于任何类型的图像时,我都会收到此错误:
21:54:49] 开始“imgmin”...
[21:54:49] 'imgmin' 在 47 毫秒后出错
[21:54:49] 类型错误:imagemin.jpegtran 不是函数
我目前正在使用:
- 节点版本 12.13.1
- npm 版本 6.12.1
- gulp cli 版本:2.2.0
- 吞咽本地版本:4.0.2
这是我的 gulpfile.js:
我发现有人对 gifsicle 有同样的错误,并通过重新安装插件来修复它,但它对我不起作用。
node.js - 当我尝试缩小大量文件时,Gulp Imagemin“MaxBufferError:stdout maxBuffer exceeded”
MaxBufferError: stdout maxBuffer exceeded
当我尝试缩小大量文件 (230) 时,Gulp Imagemin 错误。如果我一次缩小 40-50 个文件,它将运行任务。
如何增加缓冲区?还是停止任务中止?
节点版本 14.5,gulp 版本 4.0.2,gulp-imagemin 版本 7.1.0。
javascript - Resolve: "Unknown system error -86" error when installing imagemin-pngquant/imagemin-optipng on Apple Silicon (M1)
Here's the error:
Note: This is a purely native execution (no Rosetta translation).
Looks like there's an issue whenever a package needs to build a component in C.
Update 1.
I have created issues with the following repositories: