css文件如何设置scss,在SCSS文件中导入常规CSS文件？

回答(14)

3 years ago

截至撰写本文时，看起来这是未实现的：

https://github.com/sass/sass/issues/193

对于libsass(C / C实现)，导入对 *.css 的工作方式与 *.css 文件相同 - 只需省略扩展名：

@import "path/to/file";

这将导入 path/to/file.css .

有关详细信息，请参阅this answer .

有关Ruby实现，请参阅this answer(sass gem)

3 years ago

如果你有一个你不想修改的 .css 文件，也没有将它的扩展名改为 .scss (例如这个文件来自你没有维护的分叉项目)，你总是 create a symlink and then import it 进入你的 .scss .

创建符号链接：

ln -s path/to/css/file.css path/to/sass/files/_file.scss

将符号链接文件导入目标 .scss ：

@import "path/to/sass/files/file";

您的目标输出 .css 文件将保留导入的符号链接 .scss 文件中的内容，而不是CSS导入规则(由@yaz提及最高评论投票) . 并且您没有具有不同扩展名的重复文件，这意味着在初始 .css 文件中进行的任何更新都会立即导入到您的目标输出中 .

符号链接(也是符号链接或软链接)是一种特殊类型的文件，它包含对绝对路径或相对路径形式的另一个文件的引用，并且会影响路径名解析 . - http://en.wikipedia.org/wiki/Symbolic_link

3 years ago

在遇到同样的问题之后，我对这里的所有答案以及对github中sass存储库的评论感到困惑 .

我只想指出，截至2014年12月，此问题已得到解决 . 现在可以将 css 文件直接导入到sass文件中 . github中的以下PR解决了这个问题 .

语法与现在相同 - @import "your/path/to/the/file" ，文件名后没有扩展名 . 这将直接导入您的文件 . 如果您在末尾附加 *.css ，它将转换为 css 规则 @import url(...) .

如果您使用某些"fancy"新模块捆绑包(如webpack)，则可能需要在路径的开头使用 ~ . 所以，如果你想导