2013-01-19 72 views
4

我一直在環顧四周,它似乎是一個相當分散的問題,但我沒有找到我的情況的解決方案。如何設置用羅盤SASS編譯我的CSS的路徑

我已經設置了以下these instructions

我的文件夾中的項目被稱爲青菜測試

我有我的css文件

  • screen.css
  • print.css我的第一個指南針項目
  • ie.css
  • config.rb

裏面我config.rb是建立在這樣

http_path = "/" 
css_dir = "stylesheet" 
sass_dir = "sass" 
images_dir = "images" 
javascripts_dir = "javascripts" 

然後,我有我的青菜文件夾:

  • screen.scss
  • print.scss
  • ie.scss

我做我的screen.scss文件中的一些變化,然後我通過終端給這個命令

compass compile sass-test/sass/screen.scss 

現在它發生的自動生成COMPASS新的文件夾

  • 樣式
  • 測試編譯
  • 青菜 。在此文件夾羅盤編譯screen.css

我不希望我的screen.css在那裏編譯,但我想在我的sass-test裏面已經存在screen.css文件。

我該如何做到這一點?我也在看這article閱讀所有的評論,但我不明白這個問題。

我也嘗試編譯它liveReload預處理器設置Outputfolder,但它仍然編譯screen.css在「錯誤的」路徑。

我該如何給Compass編譯我的sass-test中的screen.css文件?

這裏打印屏幕enter image description here

感謝

回答

1

好吧,我已經整理出來的問題,我從一開始就調用項目不同(沒有任何連字符),然後我設置輸出文件夾的LiveReload預處理器,並隨時編輯任何scss文件,它編譯直接樣式表文件夾中的相對css文件。通過這種方式,我不使用任何命令行

2

您需要更改css_dir = "stylesheet"在config.rb指向您希望編輯CSS文件中去。在你的情況下,它聽起來像你想要在這裏:

css_dir = "./" 

你可能還需要啓用相對URL。

+0

感謝您的答覆,我試圖編輯,因爲你說css_dir =「./」但它仍然在其他路徑compilling。我遵循所有的構造,這正是我的情況https://github.com/thesassway/sass-test/blob/master/config.rb。我如何啓用相對URL? – Koala7

+1

取消註釋#15:'#relative_assets = true' – cimmanon

+0

我也做過了,我已經在這裏查看http://backtothefront.net/2011/compass-sass-quick-start-guide/,但它不能正確編譯。這是我的config.rb現在:http_path = 「/」 css_dir = 「./」 sass_dir = 「頂嘴」 images_dir = 「圖片」 javascripts_dir = 「JavaScript的」 output_style =:擴大 relative_assets =真 – Koala7

1

由於項目配置文件中定義的所有路徑都與當前shell路徑相關,因此必須從項目的根目錄運行命令compass,也就是說,因爲目錄sass-test

cd sass-test 
compass compile sass/screen.scss 

或者只是命令compass compile編譯所有文件。

0

這也可以幫助,如果你希望有不同的默認設置哪些文件夾指南針使用,每次(一關只需編輯您的config.rb)

編輯/添加以下到您的〜/ .bash_profile中

alias compass_init="compass init --syntax=sass --css-dir=css --javascripts-dir=js"