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

V2EX = way to explore

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

For Existing Member Sign In

爱意满满的作品展示区。

This topic created in 3788 days ago, the information mentioned may be changed or developed.

（上图为使用效果）

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

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

Supplement 1 · Dec 18, 2015

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

8 replies • 2015-12-18 16:16:33 +08:00

newbieo0O

Dec 18, 2015

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

sox

Dec 18, 2015

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

ihuguowei

Dec 18, 2015

webstrome 也有类似的智能提示。

ihuguowei

Dec 18, 2015

WebStrom

chairuosen

Dec 18, 2015

backgroundSize 是什么鬼。。。。

Sivan

Dec 18, 2015

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

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

hzlzh

PRO

Dec 18, 2015

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

hzlzh

PRO

Dec 18, 2015

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