如何将@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.csscss @import

Answer 1

只需这样做:

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

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