问题标签 [grunt-contrib-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 投票
1 回答
848 浏览

grunt-contrib-imagemin - Grunt 和 Imagemin 不会缩小图像

我将 Imagemin 与 Grunt 一起使用,并在 Gruntfile.js 中设置了以下任务

看起来它正在工作,因为如果我运行“grunt imagemin”,输出文件将保存在 dest 文件夹中 - 我收到以下消息:

但是,为什么图像没有被压缩(“保存 0 B”)?我尝试了很多不同的文件,包括 png 和 jpg。它始终为 0 B。

// 马格努斯

0 投票
1 回答
464 浏览

node.js - 无法在 Windows 8.1 中安装 grunt-contrib-imagemin

我无法在我的 Windows 8.1 机器上安装 grunt-contrib-imagemin。

我有节点版本 0.10.33。我有 npm 版本 1.4.28。它们都是全新的安装。

我按照本教程设置 Grunt 来管理 Laravel 项目中的 SASS、JS 和图像。

我安装了 grunt-contrib-sass,grunt-contrib-uglify 很好,然后继续尝试使用官方 GitHub 页面上的以下命令安装 grunt-contrib-imagemin:

它给了我一个奇怪的警告:

所以我想也许我的 npm 已经过时了,所以我卸载并重新安装了很多次。

然后我决定离开它看看它是否仍然有效,不管错误如何,然后发生这种情况:

我不知道为什么我不能安装它。我在工作时在我的 Windows 7 机器上进行了尝试,它在安装相同的 Node 和 NPM 时运行良好。

0 投票
2 回答
3238 浏览

gruntjs - 没有使用 grunt-contrib-imagemin 压缩图像

我在使用 grunt-contrib-imagemin 时遇到问题,因为我无法使用它来压缩任何图像。

这是我的 Gruntfile.js

当我从命令行运行 grunt 时,每个 concat 和 cssmin 都运行良好,而 imagemin - 尽管运行没有错误 - 返回以下消息。

有关信息,我的文件夹结构如下。

图像文件夹当前包含 7 个 PNG 和 2 个 JPG 文件,但我不知道为什么它没有对它们做任何事情。

非常感谢任何帮助。

谢谢

0 投票
0 回答
1930 浏览

node.js - 无法在 Windows Server 2008 上继续 npm install grunt-contrib-imagemin

我不能在 Windows Server 2008 上使用 npm install 。这种行为很奇怪。请参见:

首先,有文件 C:\Users\TFSSERVICE\AppData\Roaming\npm-cache\cadb8e19-m-cache-lodash-2-4-1-Package-tgz.lock。注意短路径,只是 c:\1。其次,如果我再次输入 npm install ,它就可以工作。

TFSService(运行命令的用户)是本地管理员。它必须立即工作,因为它由 CI Server 运行,因此不时需要完整的构建。

该项目由 yeoman 的 angular-generator 生成,package.json 文件如下所示:

如果我删除 grunt-contrib-imagemin 它可以工作

0 投票
2 回答
187 浏览

gruntjs - 多个位置的 Grunt imagemin

我正在尝试添加 Grunts imagemin 插件,如果我只想在一个目录中工作,它可以正常工作。但是,我有一个多语言站点,因此我对英语和法语图像都有单独的图像目录。有没有办法应用这个插件,让它同时监视两个目录并将压缩图像发送到不同的目的地?

这是我目前作为标准实现的内容:

我还需要在“cwd”字段中添加法语位置,在“dest”字段中添加法语目的地,但我不知道如何将其添加到现有代码中。

谢谢

0 投票
0 回答
1731 浏览

javascript - 如何在使用 imagemin 插件时修复致命错误写入 EOF

grunt 新手,使用 grunt-contrib-imagemin 优化我的图像。默认设置适用于 PNG 并节省了很多。但是 jpeg 几乎没有任何节省。我正在尝试使用 imagemin 插件来处理 jepg 压缩。我使用这个 gruntfile 让 mozjepg 工作起来很容易 - http://pastebin.com/z3eL3uZU[1]

问题是 mozjepg 仍然几乎没有从图片中保存任何 kb。所以我试图找到一个真正压缩jpegs的imagemin plguin。我找到了这2个并想尝试它们但无法让它们工作。

第一个是https://www.npmjs.com/package/imagemin-jpeg-recompress[2]我的 gruntfile 看起来像这样 - http://pastebin.com/7cXTLYe7[3] - CLI 错误是这样的

这个 imagemin 插件基本上也会发生同样的事情https://www.npmjs.com/package/imagemin-jpegoptim[4] 有人知道如何解决这个问题吗?

0 投票
1 回答
3278 浏览

gruntjs - 如何从 grunt-contrib-imagemin 中排除目录

我的 Gruntfile.js 中有以下代码段:

当我grunt imagemin在 /optimised 中运行文件时再次优化,确保排除“优化”文件夹中的所有文件的正确模式是什么?

我已经尝试过 globbing 模式!用于否定匹配但不能使其工作。

0 投票
2 回答
1673 浏览

angularjs - 动态图像 ng-src 不会更改为缩小的图像名称

我有两个图像,一个绿色复选标记和一个灰色复选标记。当用户选中或取消选中列表中的项目时,这些会显示/隐藏。我遇到的问题是,当使用 缩小应用程序的图像时grunt-contrib-imagemin,这两个图像ng-src不会更改为缩小后的图像名称。任何想法为什么会发生这种情况以及如何解决它?

我的 usemin 任务:

编辑:通过测试@Tony Barnes 解决方案:

脚本和样式的其他 src 名称失败,即文件vendors132918.js进入vendor.js其中,然后由于未调用文件而src引发错误。是什么导致其他人在这里失败?据我所知,除了图像上的 src 之外,模式不应该改变任何东西..404 not foundvendor.jssrc

0 投票
0 回答
1765 浏览

build - grunt imagemin 错误:致命错误:写入 EPIPE

当我运行 grunt dist 时出现上述错误,它在我的另一台机器上运行良好。请找到我的 gruntfile。

$ grunt imagemin。

运行“imagemin:png”(imagemin) 任务缩小 132 张图像(节省 134.02 kB)

运行“imagemin:gif”(imagemin) 任务

致命错误:写 EPIPE

0 投票
3 回答
1331 浏览

gruntjs - 如何优化我的所有图像?

诊断

我最近遇到了:PageSpeed Insights,它基本上测试你的页面速度,吐出一个分数,并显示导致你的页面变慢的原因。

我输入我的网址,这是我的 :结果

在此处输入图像描述


问题

我显然没有很多分数,但我正在努力改进它们。

我遇到了很多图像优化问题。我已经尝试了 2 件事。__

1.使用 ImageOptim 软件

我尝试使用ImageOptim Mac 软件优化img/文件夹中的所有图像。


2.使用grunt imagemin插件

最重要的是,我使用构建工具重新压缩img/文件夹中的所有图像,并将压缩后的图像存储在dist/img/文件夹中。


Imagemin 结果

幸运的是,我把所有 104 张图片都缩小了4.11MB

在此处输入图像描述


重新测试结果

但可悲的是,在将我的整个页面重新链接到新图像目录之后dist/img/。我再次使用PageSpeed Insights测试我的网站,我仍然得到相同的警告图像优化。

在此处输入图像描述


我怎样才能解决/改善这个问题?是不是因为我设置的optimizationLevel: 3太低了?

任何方法/想法/策略/更好的解决方案/建议?

非常感谢 !