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

2015-12-18 15:19:17 +08:00
 hzlzh

(上图为使用效果)

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

懒人的需求,小东西,组里一直在用,大家如果懒到一起去了可以尝试一下。
2485 次点击
所在节点    分享创造
8 条回复
newbieo0O
2015-12-18 15:36:58 +08:00
输出的 BGS 错了,你们是怎么用的???
sox
2015-12-18 15:46:30 +08:00
推荐使用 PostCSS 的这个插件, more features [CSS Grace]( https://github.com/cssdream/cssgrace)
ihuguowei
2015-12-18 15:47:07 +08:00
webstrome 也有类似的智能提示。
ihuguowei
2015-12-18 15:47:27 +08:00
WebStrom
chairuosen
2015-12-18 15:49:35 +08:00
backgroundSize 是什么鬼。。。。
Sivan
2015-12-18 15:50:36 +08:00
这个流程放到 PostCSS 里可能更合适。

不过同 @sox 说的 CSSGrace ,都是只支持本地图片的……
hzlzh
2015-12-18 15:59:52 +08:00
@newbieo0O ReadMe 里敲错了,源码无误,已更新 MD ,多谢。 cc @chairuosen
@Sivan 想过放进 PostCSS 里,但理念不一样,毕竟这种写法的 CSS 本身是不能脱离流程依赖的。所以功能单独做出来,最后再用 PostCSS 来过一遍。
hzlzh
2015-12-18 16:16:33 +08:00
@sox 你提到的这个 PostCSS 插件,有几个功能是我们雪碧图流程里已经内置的,见这里: https://github.com/weixin/gulp-tmtsprite
偷懒简写的场景中,图片尺寸最为常见,所以对症下药。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/244473

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX