如何通过sass或compass合并css文件(而不是.scss文件)

Question

尽管我知道CSS文件是一个有效的SCSS但是有一些原因，所以我不能将一些文件子文件更改为SCSS

global_min.css

@import url("global/reset.css")
@import url("global/frameset.css");
@import url("global/header.css");
....
....

sass或compass可以合并它吗（´･_･`）

Answer 1

您可以尝试Chris Eppstein自己开发的Sass CSS导入器插件：）

Answer 2

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#import

@import需要一个要导入的文件名。默认情况下，它会查找Sass文件直接导入，但在某些情况下它将编译为CSS@import规则：

• 如果文件的扩展名是.css
• 如果文件名以http://开头
• 如果文件名是url（）
• 如果@import有任何媒体查询

如果不满足上述条件，并且扩展为.scs或.sass，则将导入命名的sass或SCSS文件。

Answer 3

如果不重命名CSS文件，SASS就无法做到这一点。

我建议您使用某种CSS压缩器来连接和缩小您的CSS代码。请看一下Yeoman，它是目前处理此类任务最可靠的方法。

Answer 4

如果您想将所有css文件合并到一个已编译的css文件中，您需要将其扩展名更改为sass或scs，并使更改与该格式兼容。