您现在的位置:爱折腾>> web>>正文内容

准备研究的问题(node.js环境实现css sprites效果)

1.我在gulpfile中创建了gulp sprite 任务,如果有icon是fontawesome提供不了的 可以将切好的icon图片 放在 src/images目录下,命名规则为icon_xxxx_xxxstatus.png
2.运行gulp sprite后会在 src/images下生成 sprites.png的精灵图,同时在src/scss下生成sprites.scss文件
3.在目前没有统一处理所有icon的情况下,可以通过在各自的scss中引用sprites文件的mixins来使用
4.这样的好处是不用每次都手动合并精灵图和计算位置,供参考


Mod有合图插件,基于Nodejs,腾讯品质   https://github.com/modjs/mod

相关文章