如何將@import .css文件作為sass中的.scss文件？

Question

我正在使用gulp作為任務scss器，為我合並和縮小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規則。