我在尝试找出Compass是否可以合并.css文件,而不是在Compass编译.scss文件后使用第三方工具来合并.css文件。我已经在网上和这里搜寻过了,但目前没有发现。我认为config.rb可能有这个选项,但是我只找到了压缩功能。
有人尝试过这个吗?或者有没有找到一个与compass良好配合的第三方工具?
有人尝试过这个吗?或者有没有找到一个与compass良好配合的第三方工具?
我一直想要做同样的事情。最终,我选择了以下解决方案。
采用以下结构(即将您的模块放置在 sass
的子文件夹中)
- project
- sass
- modules
- header.scss
- blog-posts.scss
- footer.scss
- something-else.scss
- main.scss
- stylesheets
更新 main.scss
如下:
@import 'modules/header.scss';
@import 'modules/blog-posts.scss';
@import 'modules/footer.scss';
@import 'modules/something-else.scss';
运行以下命令(从项目
文件夹中)以构建
compass compile . sass/main.scss -s compressed
这只是编译 main.scss
,而main.scss
又会导入你的每个模块。此外,compressed
的样式选项可将输出进行压缩。
这不是压缩,但您可以在文件名前加下划线来排除文件被复制到输出目录中。例如:
scss/
_core.scss // will not be copied
theme.scss // @import 'core';
css/
compass compile
create ../css/theme.css
css/
theme.css