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(...) .

如果您正在使用一些“奇特”的新模块 bundler ，例如 webpack ，您可能需要使用 use ~在路径的开头。所以，如果要导入以下路径node_modules/bootstrap/src/core.scss你会写类似
@import "~bootstrap/src/core" .

注意:
看来这并不适合所有人。如果您的解释器基于 libsass它应该工作正常(结账this)。我已经使用 @import 进行了测试在 node-sass 上，它工作正常。不幸的是，这可以工作，但在某些 ruby​​ 实例上不起作用。