Jak @importować plik .css jako plik .scss w sass?

Question

Używam gulp jako biegacz zadań, które scalają i minimalizują pliki scss dla mnie. W tym przypadku, jeśli próbuję zaimportować regularny CSS plik, będzie to skompilować do css import oświadczenie jak poniżej:

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

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

Więc jak importować, że zwykły plik CSS, aby mieć skompilowany wersję, że w instrukcja style.css zamiast tylko css @import?

Answer 1

Wystarczy to zrobić:

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

Tylko nie pisać rozszerzenie pliku, Importuj plik bez rozszerzenia, kompilator umieści zawartość pliku w style.css zamiast umieszczać @import regułę.