2012-02-15 68 views
7

我想了解Compass是否可以合併.css文件,而不是使用第三方工具在Compass編譯.scss文件後合併.css文件。我已經瀏覽了網頁,並在這裏,但沒有到目前爲止。我認爲config.rb可能有這個選項,但我發現的只是壓縮功能。可以指南針合併.css文件?

任何人試過這個或找到一個第三方工具,可以很好地與指南針?

+0

你看這個話題嗎? http://stackoverflow.com/questions/5688291/how-to-merge-css-files-with-sass-or-other-tool – 2012-02-15 12:48:32

+0

@ cram1010耶謝謝,我在發佈之前閱讀這篇文章...我希望合併.css通過指南針,但缺乏答案或建議,我可能只是去與第三方工具。 – 2012-02-15 14:40:48

+0

是的,我認爲沒有辦法與羅盤:( – 2012-02-15 14:59:38

回答

15

我想在相當長一段時間內做同樣的事情。我終於解決了以下解決方案。

採取以下結構(即與模塊的sass子文件夾)

  • 項目
    • 青菜
      • 模塊
        • header.scss
        • 博客,posts.scss
        • footer.scss
        • 東西,else.scss
      • main.scss
    • 樣式

更新main.scss包含:

@import 'modules/header.scss'; 
@import 'modules/blog-posts.scss'; 
@import 'modules/footer.scss'; 
@import 'modules/something-else.scss'; 

(從project文件夾),以建立

compass compile . sass/main.scss -s compressed 

這只是編譯main.scss,這inturn推移,進口每個模塊的運行以下命令。此外,compressed樣式選項會縮小輸出。

+0

好的答案,我會用這個......謝謝beardo! – 2012-04-16 15:22:09

+0

omg這麼簡單。 我有時候很笨... – ZeeCoder 2014-04-01 16:24:33

1

這不是壓縮,但是您可以通過向其名稱添加下劃線來排除將文件複製到輸出目錄。例如:

scss/ 
    _core.scss // will not be copied 
    theme.scss // @import 'core'; 
css/ 

compass compile 
    create ../css/theme.css 

css/ 
    theme.css