问题标签 [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.
grunt-contrib-imagemin - Grunt 和 Imagemin 不会缩小图像
我将 Imagemin 与 Grunt 一起使用,并在 Gruntfile.js 中设置了以下任务
看起来它正在工作,因为如果我运行“grunt imagemin”,输出文件将保存在 dest 文件夹中 - 我收到以下消息:
但是,为什么图像没有被压缩(“保存 0 B”)?我尝试了很多不同的文件,包括 png 和 jpg。它始终为 0 B。
// 马格努斯
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 时运行良好。
gruntjs - 没有使用 grunt-contrib-imagemin 压缩图像
我在使用 grunt-contrib-imagemin 时遇到问题,因为我无法使用它来压缩任何图像。
这是我的 Gruntfile.js
当我从命令行运行 grunt 时,每个 concat 和 cssmin 都运行良好,而 imagemin - 尽管运行没有错误 - 返回以下消息。
有关信息,我的文件夹结构如下。
图像文件夹当前包含 7 个 PNG 和 2 个 JPG 文件,但我不知道为什么它没有对它们做任何事情。
非常感谢任何帮助。
谢谢
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 它可以工作
gruntjs - 多个位置的 Grunt imagemin
我正在尝试添加 Grunts imagemin 插件,如果我只想在一个目录中工作,它可以正常工作。但是,我有一个多语言站点,因此我对英语和法语图像都有单独的图像目录。有没有办法应用这个插件,让它同时监视两个目录并将压缩图像发送到不同的目的地?
这是我目前作为标准实现的内容:
我还需要在“cwd”字段中添加法语位置,在“dest”字段中添加法语目的地,但我不知道如何将其添加到现有代码中。
谢谢
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] 有人知道如何解决这个问题吗?
gruntjs - 如何从 grunt-contrib-imagemin 中排除目录
我的 Gruntfile.js 中有以下代码段:
当我grunt imagemin
在 /optimised 中运行文件时再次优化,确保排除“优化”文件夹中的所有文件的正确模式是什么?
我已经尝试过 globbing 模式!用于否定匹配但不能使其工作。
angularjs - 动态图像 ng-src 不会更改为缩小的图像名称
我有两个图像,一个绿色复选标记和一个灰色复选标记。当用户选中或取消选中列表中的项目时,这些会显示/隐藏。我遇到的问题是,当使用 缩小应用程序的图像时grunt-contrib-imagemin
,这两个图像ng-src
不会更改为缩小后的图像名称。任何想法为什么会发生这种情况以及如何解决它?
我的 usemin 任务:
编辑:通过测试@Tony Barnes 解决方案:
脚本和样式的其他 src 名称失败,即文件vendors132918.js
进入vendor.js
其中,然后由于未调用文件而src
引发错误。是什么导致其他人在这里失败?据我所知,除了图像上的 src 之外,模式不应该改变任何东西..404 not found
vendor.js
src
build - grunt imagemin 错误:致命错误:写入 EPIPE
当我运行 grunt dist 时出现上述错误,它在我的另一台机器上运行良好。请找到我的 gruntfile。
$ grunt imagemin。
运行“imagemin:png”(imagemin) 任务缩小 132 张图像(节省 134.02 kB)
运行“imagemin:gif”(imagemin) 任务
致命错误:写 EPIPE
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
太低了?
任何方法/想法/策略/更好的解决方案/建议?
非常感谢 !