在 SCSS 文件中导入常规 CSS 文件？

Question

无论如何要使用 Sass 的 @import 命令导入常规 CSS 文件吗？虽然我没有使用 sass 中的所有 SCSS 语法，但我仍然喜欢它的组合/压缩功能，并且希望能够在不将所有文件重命名为 *.scss 的情况下使用它

原文由 GSto 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

截至撰写本文时，这似乎尚未实现：

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

对于 libsass（C/C++ 实现），导入适用于 *.css 与 *.scss 文件相同 - 只需省略扩展名：

 @import "path/to/file";

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

有关更多详细信息，请参阅 此答案。

请参阅 此答案 以了解 Ruby 实现（sass gem）

原文由 Stephen Fuhry 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

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

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

语法与现在相同 - @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 实例，但不适用于某些 ruby 实例。

原文由 tftd 发布，翻译遵循 CC BY-SA 3.0 许可协议