「前端 CSS 工具」自动获取图片尺寸 Gulp 插件

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3677 天前的主题，其中的信息可能已经有所发展或是发生改变。

（上图为使用效果）

高(tōu)效(lǎn)的敲 CSS 代码之「自动获取图片尺寸 Gulp 插件」
https://github.com/weixin/gulp-lazyimagecss

懒人的需求，小东西，组里一直在用，大家如果懒到一起去了可以尝试一下。

第 1 条附言 · 2015 年 12 月 18 日

ps. 上图 ReadMe 中的 typo 已经更正。

8 条回复 • 2015-12-18 16:16:33 +08:00

newbieo0O

2015 年 12 月 18 日

输出的 BGS 错了，你们是怎么用的？？？

sox

2015 年 12 月 18 日

推荐使用 PostCSS 的这个插件， more features [CSS Grace]( https://github.com/cssdream/cssgrace)

ihuguowei

2015 年 12 月 18 日

webstrome 也有类似的智能提示。

ihuguowei

2015 年 12 月 18 日

WebStrom

chairuosen

2015 年 12 月 18 日

backgroundSize 是什么鬼。。。。

Sivan

2015 年 12 月 18 日

这个流程放到 PostCSS 里可能更合适。

不过同 @sox 说的 CSSGrace ，都是只支持本地图片的……

hzlzh

PRO

2015 年 12 月 18 日

@newbieo0O ReadMe 里敲错了，源码无误，已更新 MD ，多谢。 cc @chairuosen
@Sivan 想过放进 PostCSS 里，但理念不一样，毕竟这种写法的 CSS 本身是不能脱离流程依赖的。所以功能单独做出来，最后再用 PostCSS 来过一遍。

hzlzh

PRO

2015 年 12 月 18 日

@sox 你提到的这个 PostCSS 插件，有几个功能是我们雪碧图流程里已经内置的，见这里： https://github.com/weixin/gulp-tmtsprite
偷懒简写的场景中，图片尺寸最为常见，所以对症下药。