ios 上传图片失败小程序_小程序图片自动压缩配置

问题

在我现在负责的小程序中，每次ui变更都需要引入新的图片，为了控制小程序体积，都需要先把图片压缩了再放到项目中，但是每次都要手动压缩一次，太麻烦了。所以我想能否在项目加入图片的时候，自动的对加入的图片进行压缩。同时在我的前端组中，对于小的开发项目，这些琐碎的事没有得到关注。为了解决以上问题，我使用了下面的方案。

简单方案：git-commit

借助git hook的能力，在每次提交前对新增的文件进行判断，如果是图片则进行压缩。为此使用了以下插件 husky + lint-staged + imagemin-linter

husky：Git hooks 工具，支持在git操作的钩子函数添加我们自定义的处理
lint-staged：在git暂存文件上运行linters的工具，方便筛选出图片支援
imagemin-linter：图片压缩插件

具体操作

第一步：安装依赖

npm i -D husky lint-staged imagemin-linter复制代码

第二步：添加压缩配置package.json

  "husky": {    "hooks": {      "pre-commit": "lint-staged"    }  },  "lint-staged": {    "*.{png,jpeg,jpg,gif,svg}": "imagemin-linter"  },复制代码

第三步：添加 .gitignore文件，忽略提交npm安装的包

node_modules/复制代码

示例：

效果：

压缩前压缩后

结语

此方案比较简单，能够解决手动压缩的麻烦，同时满足了开发的需求：自动压缩 + 只压缩一次。同时可以把这个添加到项目模板中，开发新项目时能减少部分工作量。

tip：对于已有的项目，可以分四步处理

删除图片资源文件夹
git commit提交更改
撤销1的操作
再git commit提交更改

当然如果有工具能够直接批量压缩，再替换原项目图片，这样更好。

作者：ok同学
链接：https://juejin.cn/post/6910074402260385806

ios 上传图片失败小程序_小程序图片自动压缩配置相关推荐

微信小程序_小程序开发框架
微信小程序_小程序开发框架微信小程序框架微信小程序小程序开发框架的目标是通过尽可能简单.高效的方式让开发者可以在微信中开发具有原生APP体验的服务. 框架提供了自己的视图层描述语言WXML和WXS ...
ios 上传图片失败小程序_微信小程序ios端使用ajaxSubmit上传图片失败，android没问题...
微信小程序ios端使用ajaxSubmit上传图片失败,android没问题微信小程序开发上传图片,使用ajaxsubmit,post请求,form设置multipart/form-data, a ...
ios 上传图片失败小程序_iOS上传图片，就是有这种不一样的操作！
很久没发文了,最近这段时间在看前端的东西,在忙微商城webapp的事,用的vue2.0开发,打算过段时间记录总结那方面的一些知识点和坑.下面进入今天的主题. 说到iOS上传图片,网上的资料满满皆是,分 ...
htmlcss实例小项目_小程序websocket心跳库——websocket-heartbeat-miniprogram
前言在16年的时候因为项目接触到websocket,而后对心跳重连做了一次总结,写了篇博客,而后18年对之前github上的demo代码进行了再次开发和开源,最终封装成库.如下: 博客:https: ...
数字抽奖小程序_小程序直播卖货必看的营销干货：抽奖营销
关注并标星飞虎商联微营销打卡阅读更快更深刻洞察微营销 ━━━━━━ 小程序直播越来越火,通过小程序直播卖货的商家也是倍数式增长.那么如何引流粉丝到小程序直播间?除了需要做好一定的宣传行为,还要为引 ...
用python 记账小程序_小会计记账小程序走一波
小会计记账小程序最近同事接了个活,提供接送客户的服务,为了方便根据每天接送客户数量记一波账,于是就搞了一个记账类的小程序,记录每天的进账情况. 目前正在开发中. 小程序截图首页首页主要展示当天需 ...
编程小石头点餐小程序_小程序点餐成为餐饮业行业趋势
随着微信小应用程序的不断改进,正朝着适应完全市场发展,并且逐渐实现到这一点.扫码点餐结账一条龙的小程序,这有助于餐饮业成为大趋势. "排队一个小时,吃饭十来分钟."现在,排队等候晚 ...
python发红包小程序_小程序红包雨
前言话不多少先上效果,引入很简单,将/components/s-packetrain/index放到你的组件文件夹中直接引用就可以了. 首先你要先在页面引入组件 index.json 引用组件 { ...
微信小程序使用RenderingContext进行图片尺寸压缩
现在手机摄像头的像素越来越高,把很高像素的照片上传腾讯人脸识别,会发生超时错误,并且消耗了更多的网络流量.通常业务场景要上传的图片,像素要求也没那么高. 目前compressimage只实现了压缩算法 ...

ios 上传图片失败小程序_小程序图片自动压缩配置

问题

简单方案：git-commit

具体操作

示例：

结语

tip：对于已有的项目，可以分四步处理

ios 上传图片失败小程序_小程序图片自动压缩配置相关推荐

最新文章

热门文章

ios 上传图片失败 小程序_小程序图片自动压缩配置

问题

简单方案：git-commit

具体操作

示例：

结语

tip：对于已有的项目，可以分四步处理

ios 上传图片失败 小程序_小程序图片自动压缩配置相关推荐

最新文章

热门文章

ios 上传图片失败小程序_小程序图片自动压缩配置

ios 上传图片失败小程序_小程序图片自动压缩配置相关推荐