指南针可以合并 .css 文件吗？ [复制]

Posted 2023-03-06

【中文标题】指南针可以合并 .css 文件吗？ [复制]

【英文标题】：Can compass merge .css files? [duplicate]

【发布时间】：2012-03-06 19:26:42

【问题描述】：

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

有没有人试过这个或者找到了一个可以很好地与指南针配合使用的第三方工具？

【问题讨论】：

你看过这个话题吗？ ***.com/questions/5688291/…

@cram1010 是的，谢谢，我在发布之前阅读了这篇文章......我希望通过 Compass 合并 .css，但由于缺乏答案或建议，我可能只使用第三方工具。跨度>

是的，我认为指南针没有办法:(

连接 .css 文件应该是部署过程的一部分

另外，您可以使用多个 @import 指令对不同的 .scss 文件执行 production.scss。

【参考方案1】：

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

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

compass compile
    create ../css/theme.css

css/
    theme.css

【参考方案2】：

很长一段时间以来，我一直想做同样的事情。我最终确定了以下解决方案。

采用以下结构（即，将您的模块放在sass 的子文件夹中）

项目 萨斯 模块 header.scss blog-posts.scss footer.scss something-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 样式选项会缩小输出。

【讨论】：

很好的答案，我会用这个...谢谢 Beardo！

天哪，这么简单。有时候我很笨……