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。所以我想在输出.css。

中包含animate.min.css

少了这个简单的 - “（内联）”声明。如何将css文件体导入SCSS？

Answer 1

答案是：删除@input语句中的'.css'扩展名（这适用于sass版本＆gt; = 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（inline）“my.css”

1 个答案: