Cách tệp @import .css dưới dạng tệp .scss trong sass?

Question

Tôi đang sử dụng gulp làm nhân viên nhiệm vụ hợp nhất và rút gọn các tệp scss cho tôi. Trong trường hợp này nếu tôi cố gắng để nhập khẩu một CSS tập tin thường xuyên, nó sẽ biên dịch một tuyên bố css import như sau:

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

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

Vậy làm thế nào để nhập khẩu mà tập tin css thường xuyên, để có một biên soạn phiên bản đó trong các style.css thay vì chỉ css @import tuyên bố?

Answer 1

Đơn giản chỉ cần làm điều này:

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

Chỉ cần đừng viết phần mở rộng tập tin, nhập khẩu các tập tin mà không có sự mở rộng, trình biên dịch sẽ đưa nội dung tập tin trong style.css thay vì đặt @import quy tắc.