我可以使用'@import”将常规 CSS 文件导入到 SCSS 中吗？

使用 @import 在 SCSS 中导入常规 CSS 文件

许多开发人员发现自己需要 SCSS 的组合和压缩功能，而不需要重命名他们的所有文件都保存为 *.scss。为了解决这个问题，问题来了：使用@import命令将常规CSS文件导入SCSS是否可行？

回答

最初，这种方法面临着挑战，导致社区混乱。然而，截至 2014 年 12 月，该问题已通过 GitHub 拉取请求得到解决。

将 CSS 文件直接导入 SCSS 的更新语法是 @import "your/path/to/the/file"，无需文件名后面的文件扩展名。这将直接导入文件。

如果附加 *.css 扩展名，它将转换为 CSS 规则 @import url(...)。

对于像 webpack 这样的模块捆绑器，它建议在路径开头使用~。要导入文件node_modules/bootstrap/src/core.scss，只需使用 @import "~bootstrap/src/core."

重要提示

值得注意该解决方案可能并不适合所有人。如果您的解释器基于 libsass，它应该按预期运行。另一方面，它被发现可以与 node-sass 一起使用，但可能无法在某些 ruby​​ 实例上运行。

以上是我可以使用'@import”将常规 CSS 文件导入到 SCSS 中吗？的详细内容。更多信息请关注PHP中文网其他相关文章！