compass命令

一、建立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）

最終生成的目錄以下：

二、實時監聽的話，要先進入到那個目錄下，

compass watch

 

三、手動編譯和編譯的輸出風格

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  取消註釋（文件自動註釋的所使用的方法所在的文件和在文件中的第幾行）