相当于少的Scss：@import（内联）“my.css”

Posted 2023-03-06

【中文标题】相当于少的Scss：@import（内联）“my.css”

【英文标题】：Scss equivalent of Less: @import (inline) "my.css"

【发布时间】：2016-10-31 06:12:18

【问题描述】：

所以我有文件styles_manager.scss，其中有很多样式引用，我想在这个文件中添加类似这样的东西：

@import (inline) "node_module/animate.css/animate.min.css"; 
@import "../common/bootstrap/config";
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
@import "../common/variables";
....

我会通过 scss 解析得到 output.css 。所以我想在输出 .css 中有 animate.min.css 主体。

在少这个 sis 微不足道的 - “（内联）” 声明。如何将css文件体导入SCSS？

【问题讨论】：

***.com/questions/7111610/…

@Lowkase 如果你使用上面的例子给出简短、清晰的答案（没有这个问题的理论和历史背景），我会选择你的答案。

链接不是理论上的，您的问题的答案在链接中。我完全赞成获得更多的赞成票，但是当您的问题的答案已经存在时，就没有必要了。

【参考方案1】：

答案是：删除 @input 语句中的 '.css' 扩展名（这适用于 sass 版本 >= 3.2）。所以上面的例子应该是这样的：

@import "node_module/animate.css/animate.min"; 
@import "../common/bootstrap/config";
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
@import "../common/variables";
....

您可以找到该主题的更多理论和历史背景here（@Lowkase 在下面问题的 cmets 中提到的内容）

【讨论】：

ruby-sass 版本 3.4.23 未能包含 css，在 @import(而不是 @input) 语句中带有 `remove '.css' 扩展名`

我不是 ruby​​ 开发人员 - 抱歉