简单、自然的书写样式
Peaches是一个CSS编译工具。
Peaches在执行过程中,通过分析CSS样式规则,提取背景图片,自动合并成sprite图,并自动更新背景定位。免去了手动合并图片和定位的麻烦,而且也大大提升后续修改样式的效率。
Peaches 追求简单、自然的CSS书写方式。使用 Peaches,可以让我们的工作更轻松愉快:
-
告别烦人的图片合并: 每个需要背景图片的元素都可以单独设置。告别图片合并操作,将CSS优化的工作,交给 Peaches
-
不再为定位背景图片而烦恼: 元素使用单独的背景图片,意味着不再需要定位背景。Peaches 将代劳这最伤神的定位操作。
-
告别修改sprite图片带来的麻烦 : 现在你只要关心单个元素的背景图片,不用再担心因为修改图片影响其他功能了。 一个复杂的sprite图片举例:https://i.alipayobjects.com/e/201112/1k1a4oNien.png
- 开拓自己的道路, 使用 Peaches 加速你的网站: 一个对现有网站进行改造的例子
- 支付宝首页Demo: 看看真实的例子
- 支付宝会员保障Demo
- 曼德博集合
不用担心安装会太麻烦,Peaches提供云端模式,基础安装一键完成!
- Peaches 安装帮助
npm install peaches -g
- Canvas 安装帮助(选装包,决定在项目中是用Peaches后,建议安装)
对着例子,5分钟入门!