如何将@import .css文件作为sass中的.scss文件？

Question

我正在使用gulp作为任务运行器，它为我合并和缩小scss个文件。在这种情况下，如果我尝试导入常规CSS文件，它将编译为css import语句，如下所示：

   

/* style.scss */
@import "../../bower_components/animate.css/animate.css";

/* style.css */
@import url(../../bower_components/animate.css/animate.css);

那么如何导入常规css文件，在style.css而不仅仅是css @import语句中获得编译版本？

Answer 1

只需这样做：

/* style.scss */
@import "../../bower_components/animate.css/animate";

只是不写文件扩展名，导入没有扩展名的文件，编译器会将文件内容放在style.css而不是放@import规则。