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

Question

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

Answer 1

在遇到同样的问题后，我对这里的所有答案以及 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，它应该 可以正常工作( checkout this )。我已经在 node-sass 上使用 @import 进行了测试，它工作正常。不幸的是，这适用于某些 ruby​​ 实例，但不适用于某些 ruby​​ 实例。