less - LESSC 中的 Sprite

标签 less css-sprites

LESSC 是否有一个插件可以让我做类似的事情:

.icon-xyz{ .sprite('image1.png'); }
.icon-abc{ .sprite('image2.png'); }

在生产模式下输出合并的 Sprite ,并在开发模式下与单个图像保持一致?

类似于 Compass 与 SASS 的工作方式

最佳答案

node.js 有一些插件:less-sprites。 https://github.com/polycode/less-sprites

需要先安装ImageMagick

关于less - LESSC 中的 Sprite ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16336783/

相关文章:

使用 less 的 CSS - 定义颜色的饱和度

node.js - 如何使用 less by "var less = require(' less');"

html - 如何设计 "metro line"没有站名或线路名覆盖的css布局

css - LESS SCSS MIXIN 转换

javascript - 少CSS : error evaluating function `floor` : argument must be a number

css - 多少 CSS sprite 减少了页面加载时间?

html - 为动态图像生成 CSS Sprite

html - CSS Sprites - 如何对齐并做出响应?

html - CSS Sprite - 缩放时显示另一幅图像的一部分

css - 为什么 css 动画不适用于背景大小 100%