2017-03-11 45 views
13

Benim için scss dosyalarını birleştiren ve küçülten bir görev çalıştırıcısı olarak gulp kullanıyorum. Sass dosyasında .scs dosyası nasıl kullanılır?

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

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

Peki bunun bir derlenmiş sürümü bulunmasını, düzenli css dosyasına bu ithal etmek: Ben normal CSS dosyasını almaya çalışırsanız bu durumda, aşağıdaki gibi bir css import açıklamaya derlemek olacak css @import ifadesi yerine style.css bildirimi?

cevap

31

Basitçe bunu:

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

Sadece dosya uzantısını yazmayın, İthalat uzantısı olmadan dosya, derleyici yerine @import kural koyma style.css dosya içeriğini koyacağız.

+0

Çekicilik gibi çalışır. –