f2er / peaches

简单、自然的书写样式

Peaches

简单、自然的书写样式

---

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分钟入门！

• Peaches入门指南
• 命令行帮助
• package.json 配置快速参考

谁在使用

• 支付宝首页 作者: pizn.net @展新展新
• 支付宝-会员保障

大家说

• 使用 Peaches 合并背景图片 作者: pizn.net @展新展新

其他

• 命名由来