问题标签 [imagemin]

我正在尝试在 vue.js 中使用图像调整大小库 imagemin，但是在我安装 imagemin-mozjpeg 后它向我抛出了这个错误。我还没有开始使用它，只是导入它会引发错误。这是错误。

这是我的包 json

这就是我在我的组件中导入它的方式

我正在尝试使用递归命令来缩小我的项目中的图像，但是当我执行命令时，它给出了这个错误：

“参数命令还是指定的”

命令是：

这有什么问题？我正在使用 Windows 10。

谢谢

这在开发中运行良好，但是当我在生产中运行应用程序时：

即使实际加载了插件，图像也具有其原始大小。

订单有问题吗？

我想知道是否有明显的理由使用jimp与imagemin-mozjpeg来压缩 jpeg（我已经在我的项目中同时使用 imagemin 和 jimp，imagemin-webp 用于提供下一代图像，以及 jimp 将 png 转换为 jpeg在极少数情况下）所以我更多地寻找基于以下内容的推理：

1. 表现
2. 可靠性（我注意到有一些 JPEG 文件 mozjpeg 有问题并且失败了。特别是我使用 GNU Image Manipulation Program [GIMP] 的那些。）

但是，如果有人有充分的理由与上述两个不一致，我仍然想听听他们的意见。

如果有人需要，这里有一些 NPM 包的快速链接：
imagemin-
mozjpeg jimp

MaxBufferError: stdout maxBuffer exceeded当我尝试缩小大量文件 (230) 时，Gulp Imagemin 错误。如果我一次缩小 40-50 个文件，它将运行任务。

如何增加缓冲区？还是停止任务中止？

节点版本 14.5，gulp 版本 4.0.2，gulp-imagemin 版本 7.1.0。

我最近正在使用 imagemin npm 来压缩图像。但是，如果图像路径像

它无法执行并抛出错误。另一方面，当涉及到

它是成功的。因此，我想将 \ 替换为 / 。但我找不到最好的正则表达式。我试过这个

但只有第一个 \ 更改为 /

任何人都可以帮助我吗？非常感谢你提前

问题：运行命令npm run watch抛出错误

仅当我的 webpack.mix.js 文件中包含以下代码时才会发生错误：

删除上面的代码片段可以消除错误，但是这个项目的以前的开发人员有这个原因。

由于安全漏洞，我最近进行了更新，并设法调试了 Copy Plugin 引入了重大更改的另一个问题（已在上面的代码中更新）。但是我不确定我的所有配置是否正确。

这是我试过的：从命令行

这些是截至 2020 年 8 月 27 日的 package.json 中的包

更新的包如下

编辑

解决方案

我使用了已经压缩的图片。不知道，为什么。因此，子目录中的图片会被压缩，但前提是它们尚未压缩。

目标

将目录“frontend/images”中的所有图像压缩并复制到“public/assets/images”。

问题
子目录中的图片没有被压缩。

我正在使用 LaravelMix 并将 webpack 配置传递给它，如下所示：

子目录被正确复制。“图像”文件夹中的图像（此处为“测试”）会被压缩，但子目录中的图像不会。

那么我在这里做错了什么？

还是不能压缩子目录中的图像，我必须单独添加每个文件夹？

我正在尝试使用此代码在电子应用程序中压缩单个 PNG 图像

filePath 包含 PNG 文件的完整路径，例如

该文件确实存在，并且路径是正确的：当我将相同的路径放入 Windows 资源管理器时，png 打开。

destinationPath 包含指向 .png 文件所在目录的路径（换句话说，我想覆盖原始文件），例如

当我运行它时，原始文件保持不变，函数调用返回的变量“files”包含一个空数组。

我究竟做错了什么？有没有办法让调试输出告诉我 imagemin 到底在做什么？

更新：这是一个具体的例子。代码如下所示：

这会产生以下日志输出：

我正在配置imagemin-webp-webpack-plugin以将我的所有 .png 和 .jpg 图像转换src/assets/images为dist/assets/images. 当我运行构建命令时，转换成功。所有图像都已转换为 webp 并分发到dist/assets/images. 我认为“这很简单”，是时候<picture>在我的文件中创建标签src/index.html以开始引用 .webp 图像了：

src/index.html：

当我npm run build再次，这次我得到：

这对我来说很有意义。这些图像不存在，src/assets/images/因此 Webpack 无法解决这些问题。

src/index.html所以现在我遇到了一个障碍：当这些图像仅dist/whateverpath在 jpg 和 png 被imagemin-webp-webpack-plugin处理后才存在时，如何在我的文件中引用 .webp 图像？

这是我的配置文件，以防万一它有用：

webpack.config.js