Scss 相当于 Less：@import（内联）"my.css"

Question

所以我有文件 styles_manager.scss，其中有很多 sytles 引用，我想在这个文件中做这样的事情：

@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 。所以我想在输出中包含 animate.min.css body .css.

在 less 这个 sis 琐碎的 - “（内联）”语句。如何将 css 文件主体导入 SCSS？

Answer 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 在下面的评论中提到的问题）

Scss 相当于 Less：@import（内联）"my.css"

Scss equivalent of Less: @import (inline) "my.css"

css

styles

sass

less