指南针可以合并.css文件吗?

时间:2012-02-15 12:45:29

标签: css css3 sass compass-sass

我试图找出Compass是否可以合并.css文件,而不是在Compass编译.scss文件后使用第三方工具合并.css文件。我已经环顾网络了,但到目前为止还没有。我认为config.rb可能有一个选项,但我找到的只是压缩功能。

有人试过这个或者找到了一个适合指南针的第三方工具吗?

2 个答案:

答案 0 :(得分:16)

我想在很长一段时间内做同样的事情。我终于找到了以下解决方案。

采用以下结构(即您的模块位于sass的子文件夹中)

  
      
  • 项目
      
        
    • 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,它会进入并导入你的每个模块。此外,compressed样式选项会缩小输出。

答案 1 :(得分:1)

它不是压缩,但您可以通过在其名称前加下划线来排除文件被复制到输出目录。例如:

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

compass compile
    create ../css/theme.css

css/
    theme.css