compass制作sprite雪碧图

1.安装compass。(需要先安装ruby)

命令行:gem install compass

 

 

2.新建一个compass 项目

命令行:compass create myproject

 

 

3.在myproject中新建一个images文件夹,将需要转换的图片放入images新建的share文件中

并在scss文件中写入:

@import "compass/utilities/sprites";     

@import "share/*.png";
@include all-share-sprites;

命令行:compass compile

完成,images文件夹下会显示雪碧图

 

注意:ruby对编码的苛刻,路径,命名不能有中文以及非法字符

 

转载于:https://www.cnblogs.com/yzg1/p/4721558.html

你可能感兴趣的:(compass制作sprite雪碧图)