gulp-imgcache 生成路径信息地图的插件

嗯,这不是javascript组件,也不是wordpress插件,而是一个用于基于nodejs构建的前端自动化工具gulp的插件。没听说过gulp,那一定知道鼎鼎大名的grunt,它俩作用功能类似的啦。

为什么会做这样一个插件

因为近期项目中遇到了一些小游戏类的需求,这类页面大多需要预先载入所用到的图片,来增强浏览时的体验,避免图片加载缓慢导致页面“破损”等,或者一些canvas所写的小游戏,图片资源一定要预先载入,避免drawImage时出错。

在上面的需求中,实际操作中我是一个个把所用到的图片地址手动列出来,然后做预缓存。这样真实费时费力,尤其是图片多的页面。

所以我写了这么一个插件出来,gulp-imgcache

它主要思路就是将gulp管道(pipe)中传入的Vinyl文件的路径都读取出来然后打包成一个json格式的文件继续在管道中传递,下一步就存储在gulp.dest指定的路径中。这样子就避免了手动去收集一大堆文件路径的工作量。

具体使用请参看上面链接。
gulp-imgcache

本文已经有 6 条评论,继续盖楼啦!

发表评论 取消回复