Scss 相当于 Less：@import(内联)"my.css"

Question

我有一个文件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。所以我想把animation。min。css body放在output。css。

在less这是微不足道的- "(inline)"语句。如何导入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";
....

关于该主题的更多理论和历史背景，你可以在这里找到(@Lowkase在下面的问题评论中提到的内容)