2013-08-20 18 views
19

Tệp nào cần thiết để bao gồm trong phần <head> cho ít css. Tại trang web chính thức ít hơn, tôi đã chỉ thấy rằng họ đã nói để bao gồm tập tin .less và .js. Nhưng nó không hoạt động nếu không có tệp .css.Ít tệp css hơn bao gồm trong <head> phần

+3

Các tập tin JS chuyển đổi của bạn ít hơn để CSS và chèn này để DOM. Bạn có chắc chắn, bạn đã thêm chúng theo đúng thứ tự? – Sirko

+0

dòng bao gồm của bạn trong ' '! – deepakb

Trả lời

35

Đề cập đến tài liệu ÍT (http://lesscss.org/#client-side-usage):

Liên kết stylesheets .less của bạn với rel thiết lập để “stylesheet/ít”:

<link rel="stylesheet/less" type="text/css" href="styles.less" /> 

Sau đó tải less.js từ phía trên cùng của trang , và bao gồm nó trong các yếu tố <head> trang của bạn, như vậy:

<script src="less.js" type="text/javascript"></script> 

Hãy chắc chắn rằng bạn bao gồm phong cách của bạn heets trước kịch bản.

Phương pháp này sẽ khiến tệp ít hoạt động như một tệp css thông thường, do đó không cần tệp bổ sung.

Mặc dù vậy, đây không phải là thực tiễn tốt cho môi trường sản xuất. Bạn nên biên dịch tệp less thành css-file và đưa nó vào phần <head> của bạn như không có bất kỳ tệp nào nhỏ hơn hoặc js.

2
@import "styles.less"; 

HOẶC

@import "styles"; 

từ ur file CSS .. bạn chỉ cần bao gồm nó như

<link rel="stylesheet/less" type="text/css" href="styles.less" /> 
Các vấn đề liên quan