imagemin

vue3的vite配置

Vue3+ts+pinia脚手架使用Vite快速构建Vue3+ts+pinia脚手架-51CTO.COM1、现把下面导入的4个npm插件运行完成npmadd-Dtersernpmivite-plugin-imagemin-Dnpmivite-plugin-compression-Dnpmipostcss-preset-env-D2
A-超·2024-02-10 00:16

CocosCreator和gulp-使用gulp-imagemin压缩图片

在游戏开发中，打包前进行图片压缩是必需工作，gulp内置了很多构建、优化插件，例如：图片压缩、js文件合并等等，这样，在游戏构建过程中，只需一个命令，就可以自动做完所有这些工作。gulp简介gulp的目标是用自动化构建工具来增强你的工作流程。易于使用通过代码优于配置的策略，gulp让简单的任务简单，复杂的任务可管理。构建快速利用Node.js流的威力，你可以快速构建项目并减少频繁的IO操作。插件高
程序猿TODO·2024-01-14 19:57

Syntax Error: Error: Cannot find module ‘imagemin-optipng‘

一、背景：心酸，很难受；本人主要做后端开发，这几天要打包前端项目遇到了这个报错SyntaxError:Error:Cannotfindmodule'imagemin-optipng'搞了3天时间才打包成功
长满头发的程序猿·2024-01-07 21:30

yntax Error: Error: Cannot find module ‘imagemin-gifsicle’

问题打包构建的时候遇到了这样一个报错，yntaxError:Error:Cannotfindmodule‘imagemin-gifsicle’，下面我总结了下解决的方案。
富朝阳·2023-12-29 17:38

CocosCreator和gulp-使用tinypng批量压缩图片

上篇文章介绍了如何用gulp-imagemin插件来自动批量压缩CocosCreator项目的图片资源，imagemin虽然使用方便且免费，但缺点也很明显，就是耗时长而且压缩比不高（压缩后大概比原图小10
楚游香·2023-10-19 07:19

[抄录]趣'闻'

包管理工具在使用过程中的常见问题adi:解决node-sass、imagemin难安装的解决方案。算法政采云算法101adi:...还没开始看呐代码优化复杂场景下
是ADI呀·2023-10-07 08:50

图片优化技巧

1.图片大小优化使用imagemin，或imagemin-webpack-plugin插件可使用渐进式图片(存储是ps中设置)，使加载过程是从模糊到清晰的过程，优点是会提前占位，避免多次重排，缺点是占用
唐井儿_·2023-10-01 07:45

Gulp 使用gulp压缩图片

如何压缩图片使用gulp来压缩图片可以使用下面两个插件：gulp-imagemin：压缩率不明显，可以处理多种图片格式，可以引入更多第三方优化插件。
前白·2023-09-30 09:29

第五步 Vue2 vue.config.js 使用image-minimizer-webpack-plugin配置图片压缩

npminstallimage-minimizer-webpack-pluginimageminimagemin-pngquant--save-dev当前版本[email protected]imagemin
-Bell-·2023-09-18 16:20

Gulp 使用gulp压缩图片

如何压缩图片使用gulp来压缩图片可以使用下面两个插件：gulp-imagemin：压缩率不明显，可以处理多种图片格式，可以引入更多第三方优化插件。
暖A暖·2023-08-23 14:08

gulp的使用

devDependencies":{"gulp":"^3.9.1","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-connect":"^5.0.0","gulp-imagemin
A豆_b99d·2023-08-19 23:22

常规VUE项目优化实践，跟着做就对了！

总结：主要优化方式：imagemin优化打包大小（96M->50M），但是以打包速度为代价，通过在构建过程中压缩图片来实现，可根据需求开启。字体压缩：目前项目内引用为思源字体，打包为24M。
yyuand·2023-08-08 15:15

Webpack5 生产模式压缩图片ImageMinimizerPlugin

它的实际依赖名称是image-minimizer-webpack-plugin，用于使用imagemin
有趣的小良·2023-08-01 13:51

【VUE】npm打包报错 Syntax Error: Error: Cannot find module ‘imagemin-gifsicle‘

一.SyntaxError:Error:Cannotfindmodule‘imagemin-gifsicle’npmrunbuild报错，报错如下原因这个错误消息显示缺少了imagemin-gifsicle
吃小猫的大鱼·2023-07-27 11:32

vue项目启动Error: Cannot find module ‘imagemin-gifsicle‘

Error:Cannotfindmodule‘imagemin-gifsicle’依赖没有安装完全，可以删除module，然后重新安装依赖。
第7个前端·2023-06-09 16:00

vue中安装image-webpack-loader报错问题

当中imagemin-gifser一直安装不上：原因是镜像在国外，需要能访问外网的电脑才行，开启后，就可能正常安装了。
cang12345·2023-04-13 05:51

linux 上使用 npm 安装 gifsicle 报错问题

背景在前端工程中，使用了imagemin-gifsicle在提交代码前对gif图片进行压缩。在本地使用（mac）是正常的，但在ci中对项目进行打包时，报了以下错误：npmERR!
GDUF_XRT·2023-03-27 07:08

Vite图片压缩(vite-plugin-imagemin) imagemin error: XXXX解决办法

1安装vite-plugin-imagemin（yarnornpm）nodeversion:>=12.0.0viteversion:>=2.0.0yarnaddvite-plugin-imagemin-Dornpmivite-plugin-imagemin-D2imageminerror
lemon丶csdn·2022-10-26 15:24

【前端工程化】我开源了个高效的图片压缩工具 - fast-imagemin-cli

Hello,我是Xc,一位因antfu结缘开源的前端菜鸟,今天和大家分享最近开源的一个高效的图片压缩工具fast-imagemin-cli。
前端开发小司机·2022-10-26 14:58

gulp

..).pipe(.....)插件gulp-cssnanocss优化gulp-concat连接项目文件gulp-uglifyjs压缩gulp-rename重命名gulp-clean清空文件夹gulp-imagemin
sunny519111·2021-05-20 03:56

GULP自动化项目构建之–正确的异步执行方式（RETURN）

/rev']).pipe(clean())});gulp.task("build",["clean"],function(){runSequence("htmlMove",['imageMin'
·2021-03-31 21:50

使用 gatsby cli 生成一个新的站点时,卡在安装`pngquant-bin`的临时解决办法

#20389原因:原因是gatsby生成的默认站点会依赖一个包[email protected]└─┬[email protected]└─┬imagemin-pngquant
XYShaoKang·2020-08-24 16:17

页面加载性能之WebP在项目中的应用

转换工具我们选择的是Imagemin，版本选择6.1.0，因为7.0.0之后的版本在windows上有兼容性问题，目前还未修复。npminsta
找到Web·2020-08-21 03:24

使用 gatsby cli 生成一个新的站点时,卡在安装`pngquant-bin`的临时解决办法

#20389原因:原因是gatsby生成的默认站点会依赖一个包[email protected]└─┬[email protected]└─┬imagemin-pngquant
XYShaoKang·2020-08-21 02:51

gulp教程之gulp-imagemin压缩图片

简介：使用gulp-imagemin压缩图片文件（包括PNG、JPEG、GIF和SVG图片），很多人安装gulp-imagemin都会出现错误，我也查了很多资料，也不知道所以然，我的做法是出错再重新安装
小圣贤君·2020-08-17 17:59

webpack打包压缩图片

imagemin-webpack-plugin：ThisisasimplepluginthatusesImagemintocompressallimagesi
zbctrl·2020-08-15 01:58

页面加载性能之WebP在项目中的应用

转换工具我们选择的是Imagemin，版本选择6.1.0，因为7.0.0之后的版本在windows上有兼容性问题，目前还未修复。npminsta
找到Web·2020-08-09 18:00

一个gulp配置文件

vargulp=require('gulp');varbrowserSync=require('browser-sync').create();varimagemin=require('gulp-imagemin
同同·2020-08-05 16:31

grunt 报错：Cannot find module 'imagemin-gifsicle'

2019独角兽企业重金招聘Python工程师标准>>>一个老的项目今天发版的时候报错：Loading"imagemin.js"tasks...[31mERROR[39m[31m>>[39mError:Cannotfindmodule'imagemin-gifsicle
weixin_34072637·2020-08-04 05:37

gulp安装

--styleexpandedgulp-concat：合并jsgulp-uglify：压缩jsgulp-rename：重命名gulp-imagemin：图片压缩gulp-sass:sass编译插件gulp-minify-html
gc红·2020-08-02 13:52

页面加载性能之WebP在项目中的应用

转换工具我们选择的是Imagemin，版本选择6.1.0，因为7.0.0之后的版本在windows上有兼容性问题，目前还未修复。npminsta
找到Web·2020-07-27 17:49

gulp 实现 js、css,img 合并和压缩

文件cnpminit本地安装gulp为了能正常使用，我们还得本地安装gulp：cnpminstallgulp--save-dev安装gulp插件；cnpminstallgulp-htmlmingulp-imagemin
星禾君·2020-07-14 04:38

TypeError: imagemin.jpegtran is not a function

1错误[22:39:01]UsinggulpfileG:\codeFolder\hexo-blog\lizhi\gulpfile.js[22:39:01]Starting'default'...[22:39:01]Starting'minify-html'...[22:39:01]Starting'minify-css'...[22:39:01]Starting'minify-js'...[22:
麦田里的守望者_zhg·2020-07-11 17:24

grunt常用模块

grunt-contrib-imagemin：图像压缩模块。grunt-contrib
释迦魔尼·2020-07-11 05:16

解决Fatal error: ENOENT问题

安装了最新的grunt-contrib-imagemin之后，运行grunt，就会时不时地报错：Fatalerror:ENOENT,nosuchfileordirectory'img/XX.png'，但是事实上在这个目录下其实能找到这个图片
青青木屋·2020-07-10 15:57

【四】gulp之用gulp-imagemin压缩图片

目录结构如下：Paste_Image.png1）在命令行进入gulpDay4目录安装所需插件gulp-imageminnpminstallgulp-imagemin2）新建gulpfile.js写入以下代码
小枫学幽默·2020-07-08 20:16

使用node.js实现图片压缩

node.js中提供了图片处理模块，比如gm、imagemin、images模块等。本文中使用的是Node.js轻量级跨平台图像编解码库——ima
shiyangxu·2020-07-08 05:19

前端开发之gulp插件gulp-end

--1--gulp-connect--2--gulp-contact--3--gulp-minify-css--4--gulp-imagemin1、gulp-con
巩小白·2020-07-04 21:48

原来 TinyPNG 可以这样玩！

但是这loader是基于imagemin的，他的压缩失真比较严重，而且压缩率也不是很高。经常出现一种情况就是，在本地开发的时候，图片明明很清晰的，但是一旦发
ChessZhang·2020-06-30 20:00

angular gulp gulpfile.js

gulp-htmlmin：压缩html文件gulp-imagemin：压缩图片imagemin-pngquant：深度压缩png图片gulp-cache：只压缩修改的图片gulp-minify-css：
z__a·2020-06-30 13:58

nodejs 本地压缩jpg,png图片（nodejs）

使用到的包1.images用于压缩jpgnpminstallimagesyarnaddimages2.imagemin用于压缩pngnpminstallimageminyarnaddimagemin//
阿政想暴富·2020-06-28 10:00

利用imagemin-gifsicle与gulp压缩本地gif

起因项目起因是这样，我们做网站的时候经常遇到一些大型的gif，size超过4MB，无法传到服务器，即便可以传到服务器，但是用户打开一个4MB以上的gif也是受罪，所以萌生了压缩gif的想法。我希望的是gif文件小于4MB但是要尽量接近4MB。注意，将gif的体积压缩到80%或更低的时候，画质会大幅度恶化，如果你不像我这样不在意画质的话，劝你还是别压缩了。方案gif压缩目前最好的免费方案是gifsi
microkof·2020-06-26 04:22

gulp插件安装命令

save-devnpminstallgulp-concat--save-devnpminstallgulp-uglify--save-devnpminstallgulp-rename--save-devnpminstallgulp-imagemin
范一帆不卖萌·2020-06-22 02:37

gulp入门

安装gulpnpminstall-ggulp-cli安装gulp插件npminstall--savegulp//本地使用gulpnpminstall--savegulp-imagemin//压缩图片npminstall
盖被吹空调·2020-04-13 21:56

pre-commit + imagemin 实现图片自动压缩

接下来要讲的是pre-commit+imagemin实现的
dora_zc·2020-04-06 17:00

gulp--自动化构建工具

常用的gulp插件：1、css压缩：gulp-caanano;2、图片压缩：gulp-imagemin；3、gulp任务执行流：gulp-sequence;例如：gulp.task('default',
liuziyang·2020-04-05 08:09

gulp常用插件

gulp-concat-合并文件.gulp-uglify-压缩JavaScriptgulp-htmlmin-压缩HTMLgulp-imagemin-压缩PNG,JPEG,GIFandSVG图片gulp-sass
夏不吓·2020-03-30 05:22

常用gulp插件

gulp-autoprefixer）压缩css（gulp-minify-css）js代码校验（gulp-jshint）合并js文件（gulp-concat）压缩js代码（gulp-uglify）压缩图片（gulp-imagemin
骑着蜗牛去遛狗·2020-03-25 01:41

[基础] 列举常用的gulp插件

gulp-package-list入门指南快速入门(官方)注意事项列举一些常用的gulppackage具体介绍可以进到官方页面npm进行搜索基础gulp-if--逻辑判断gulp-imagemin--压缩常见的图片格式
Top_Chenxi·2020-03-17 03:32

用 gulp 优化 Hexo

npminstallxxx--save命令分别安装如下工具"gulp":"^3.9.1","gulp-htmlclean":"^2.7.6","gulp-htmlmin":"^1.3.0","gulp-imagemin
黑暗森林的歌者·2020-03-12 06:27
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他