如何通过sass或指南针合并css文件（不是.scss文件）

Question

Although I know CSS file is a valid SCSS but there is some reason ，so I can't change some files subfix to SCSS

global_min.scss

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

Can sass or compass merge it (´･_･`)

Answer 1

您可以尝试使用Chris Eppstein自己的Sass CSS导入器插件 :)

Answer 2

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

@import takes a filename to import. By default, it looks for a Sass file to import directly, but there are a few circumstances under which it will compile to a CSS @import rule:

• If the file's extension is .css.
• If the filename begins with http://.
• If the filename is a url().
• If the @import has any media queries.

If none of the above conditions are met and the extension is .scss or .sass, then the named Sass or SCSS file will be imported.

Answer 3

You can't do that with SASS without renaming the CSS files.

I suggest that you use some kind of CSS compressor to concatenate and minify your CSS code. Please have a look at Yeoman , currently the most solid approach to handling this kind of tasks.

Answer 4

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