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

时间:2017-03-11 07:58:51

标签: css sass

我正在使用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语句中获得编译版本?

1 个答案:

答案 0 :(得分:41)

只需这样做:

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

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