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

发布于 2025-01-06 04:27:12 字数 175 浏览 0 评论 0原文

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

有人尝试过这个或者找到了与指南针配合良好的第三方工具吗?

I am trying to find out if Compass can merge .css files rather than using a third party tool to merge the .css files after Compass has compiled the .scss files. I have looked around the web and on here but nothing so far. I thought the config.rb may have an option for this but all I found is compress feature.

Anyone tried this or have a found a third party tool that works well with compass?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

失与倦" 2025-01-13 04:27:12

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

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

  • 项目
    • 萨斯
      • 模块
        • 标题.scss
        • 博客文章.scss
        • 页脚.scss
        • 其他东西.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 样式选项可缩小输出。

I'd wanted to do this same thing for quite some time. I finally settled on the following solution.

Take the following structure (i.e. with your modules in a sub-folder of sass)

  • project
    • sass
      • modules
        • header.scss
        • blog-posts.scss
        • footer.scss
        • something-else.scss
      • main.scss
    • stylesheets

Update main.scss to contain:

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

Run the following command (from the project folder) in order to build

compass compile . sass/main.scss -s compressed

This just compiles main.scss, which inturn goes and imports each of your modules. Additionally the compressed style option minifies the output.

九命猫 2025-01-13 04:27:12

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

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

compass compile
    create ../css/theme.css

css/
    theme.css

It's not compression, but you can exclude files from being copied to the output directory by prepending an underscore to their names. For example:

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

compass compile
    create ../css/theme.css

css/
    theme.css
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文