compass命令

1、创建scss项目

(1)      默认：compass create testProject;

(2)      自定义:

>compass create test --sass-dir "css/sass" --css-dir "css" --javascripts-dir "js" --images-dir "img"

>md js   // js的文件夹要自己手动创建（在IOS中，创建文件夹使用mkdir）

>md img  // img的文件夹需要自己手动创建（在IOS中，创建文件夹使用mkdir）

最终生成的目录如下：

2、实时监听的话，要先进入到那个目录下，

compass watch

 

3、手动编译和编译的输出风格

compass compile --output-style compressed

4、关于配置文件（config.rb）

（1）第一行require的意思是说，当我们在一个sass文件中，重复引用某个sass文件时，只输出一次编译效果

（2）接下来的是http_path到javascripts_dir是相应文件的存放位置，可以根据自己的需要进行配置

（3）#output_style = :expanded or :nested or :compact or :compressed这是sass文件编译的css的类型，有四种选择：

分别是：编译后保持原格式、嵌套型、紧凑型、压缩型

（4）#relative_assets = true 相对路径

如果使用图片精灵的话，如果没有打开相对路径的话，那么图片的路径就会是根路径，但是如果此时你设置的根路径（http_path = "/"）的话，就会找不到图片资源，需要配置

http_path为服务器地址，不然会报错

（5）# line_comments = false  取消注释（文件自动注释的所使用的方法所在的文件和在文件中的第几行）