问题标签 [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 - Imagemin svgo 删除路径
我有带有两个“路径”标签的 SVG 图标。使用 imagemin.svgo imagemin 构建后,删除此“路径”之一,我的图标看起来很糟糕。我怎样才能解决这个问题?
这是我的选择。
javascript - 从 src 复制到 dist 时丢失文件?
运行上述任务时,我希望它从 src 目录中获取文件,缩小它们,然后将它们复制到目标。
但是,当任务运行时我遇到了问题。只有 81 个图像输出到目标文件夹,但 src 文件夹中有 103 个文件。
如果有人能对这个问题有所了解,我将不胜感激,我已经将头撞在键盘上一个半小时试图解决这个问题。
希望有人解决,谢谢。
gulp - GULP:如何在使用 browserSync 时查看新图像?
我不知道如何使用 gulp -watch监视新文件并在使用browserSync 时应用gulp -image ...当我在图像文件夹 (./fixtures/*) 中添加新图像时,什么也没有发生。我会在命令行中手动执行此操作,但我必须关闭我的 browserSync(这不是一个真正可行的解决方案)。所以......这就是我的 gulpfile.js 的样子:
javascript - 使用 Gulp 构建生产文件夹
我在一个项目中使用 Gulp 并注意到两个问题:
- 图像未复制到
dist
文件夹中。我正在imagemin
这样做,但图像文件夹根本没有构建。我多次检查文件夹的根目录,但似乎找不到错误。这是我的文件夹组织:
|- app/
|- css/
|- fonts/
|- images/
|- index.html
|- js/
|- jQuery Nice Select/
|- jQuery Validation/
|- scss/
|- dist/
|- gulpfile.js
|- node_modules/
|- package.json
- 我正在使用jQuery Validate插件和NiceSelect插件。它们似乎没有包含在构建任务中。在生产中,验证不起作用,选择也不起作用,因为它看起来像 Chrome 呈现的。
HTML
gulpfile.js
gulp-imagemin - Gulp-imagemin:如何保存 EXIF?
有没有办法保存 EXIF 等元数据?我一直无法找到这个选项。
gulp - 由于 thumbs.db,我无法使用 gulp-imagemin 缩小图像
由于 thumbs.db 文件,我无法缩小图像,当我尝试缩小图像时,出现如下所示的权限错误:
错误:EPERM:不允许操作,打开“C:\Users\Pc\Desktop\template\dist\img\Thumbs.db”
我明白它为什么这样做,但我不知道如何防止这种情况。
编辑 1:gulp 片段
automation - I need a progress bar in CLI when I run any task with gulp
I'm running image optimization via Gulp which taking about a minute to optimize all my images. So can I show a progress bar in CLI so that It displays a progress bar while the image optimization task is running.
here is my code for gulp (which does image optimization)
javascript - 复制文件的 Gulpfile 任务应优化图像(如果有)
在我的 gulpfile 中,我正在复制多个文件(各种格式),如果这些文件中的任何一个包含我想用gulp-imagemin
.
问题是gulp-imagemin
只需要图像,否则会在日志中抛出不受支持的图像,所以如果我要传入整个 glob,它会引发很多错误,我想避免这种情况。我试图gulp-if
过滤 glob,虽然它可以作为过滤器并防止这些错误,但即使没有图像存在,它似乎总是至少通过一次。例如,即使没有任何 png 文件,它仍然会调用 imagemin() 一次:
这将记录“缩小 0 个图像”,因为在我的真实场景中,我传递了几十个没有图像的球体,所以我的日志被垃圾邮件淹没了。如果我将 gulpif 条件设置为静态假,它根本不会调用 imagemin,所以它一定是这个条件不应该是假的东西?
如果 glob 不包含某种类型的文件,我如何根本不调用 imagemin()?
svg - gulp-imagemin 正在将 SVG 文件缩小到 0kb
我有一个 SVG 文件,其中包含多个<symbol>
代表图标的标签。它看起来像这样:
我正在通过 gulp imagemin 任务运行这个文件,如下所示:
该文件被缩小并放在正确的 dest 目录中,但是它说它已经优化了 100% 的文件,并且它的大小下降到 0kb,没有文件内容。SVG 完全从文件中剥离。
为什么这个 svg 的所有文件内容都被破坏了,我该如何解决?