是否有任何方法可以用Sass的@import命令导入一个常规的CSS文件?虽然我没有使用sass的所有SCSS语法，但我仍然喜欢它的组合/压缩功能，并且希望能够使用它，而不必将我的所有文件重命名为*.scss
当前回答
简单的解决方案:
所有或几乎所有的css文件也可以被解释为scss。它还允许在块中导入它们。重命名css为scss，然后导入。
在我的实际配置中，我这样做:
首先，我将.css文件复制到一个临时文件中，这次扩展名为.scss。Grunt配置示例:
copy: {
dev: {
files: [
{
src: "node_modules/some_module/some_precompiled.css",
dest: "target/resources/some_module_styles.scss"
}
]
}
}
然后你可以从你的父scss导入.scss文件(在我的例子中，它甚至被导入到一个块中):
my-selector {
@import "target/resources/some_module_styles.scss";
...other rules...
}
注意:这可能是危险的，因为它将有效地导致css将被解析多次。检查您的原始css是否包含任何可解释性css构件(这是不可能的，但如果发生了，结果将很难调试和危险)。
其他回答
如果我是正确的，css与scss兼容，所以你可以将css的扩展名更改为scss，它应该继续工作。一旦你改变了扩展名，你可以导入它，它将包含在文件中。
如果你不这样做，sass将使用css @import，这是你不想要的。
现在可以使用:
@import 'CSS:directory/filename.css';
使用实例导入CSS文件到Sass。
Sass官方文档:将CSS导入Sass
在遇到同样的问题后，我对这里所有的答案和github中sass库的评论感到困惑。
我想指出的是，截至2014年12月，这个问题已经解决。现在可以直接导入css文件到sass文件中。下面的PR在github解决了这个问题。
语法和现在一样——@import "your/path/to/ The /file"，文件名后面没有扩展名。这将直接导入您的文件。如果在末尾添加*.css，它将转换为css规则@import url(…)。
如果你正在使用一些“花哨的”新模块捆绑器，比如webpack，你可能需要在路径的开头使用use ~。所以，如果你想导入以下路径node_modules/bootstrap/src/core。SCSS你可以写@import "~bootstrap/src/core"。
注意: 这似乎并不适用于所有人。如果你的解释器是基于libsass的，它应该可以正常工作(签出这个)。我已经在node-sass上使用@import进行了测试，它工作得很好。不幸的是，这是可行的，但在一些ruby实例上不起作用。
好消息，Chris Eppstein创建了一个带有内联css导入功能的compass插件:
https://github.com/chriseppstein/sass-css-importer
现在，导入CSS文件就像这样简单:
@import "CSS:library/some_css_file"
