一、建立scss项目javascript
(1) 默认:compass create testProject;css
(2) 自定义:java
>compass create test --sass-dir "css/sass" --css-dir "css" --javascripts-dir "js" --images-dir "img"sass
>md js // js的文件夹要本身手动建立(在IOS中,建立文件夹使用mkdir)服务器
>md img // img的文件夹须要本身手动建立(在IOS中,建立文件夹使用mkdir)ui
最终生成的目录以下:spa
二、实时监听的话,要先进入到那个目录下,图片
compass watchip
三、手动编译和编译的输出风格资源
compass compile --output-style compressed
四、关于配置文件(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 取消注释(文件自动注释的所使用的方法所在的文件和在文件中的第几行)