compass命令

一、建立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  取消注释(文件自动注释的所使用的方法所在的文件和在文件中的第几行)

相关文章
相关标签/搜索