2013-08-20 36 views
19

içeriklerini içerir Daha az css için <head> bölümüne eklenmesi gereken dosyalar. Daha az resmi sitede, onlar .less ve .js dosyasını dahil etmeyi söylediklerini gördüm. Ama .css dosyası olmadan çalışmıyor. için “stil/az” set relDaha az css dosyası,bölüm

Link .less stil: AZ belgelerinde (http://lesscss.org/#client-side-usage) değinen

+3

gibi JS dosyası daha az CSS ve ekler buna dönüşür eklemenize gerek DOM. Onları doğru sıraya eklediğine emin misin? – Sirko

+0

, 'nolu satırınız nedir? – deepakb

cevap

35

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

Ardından sayfanın üstünden less.js indirmek emin Stillerinizi içerdiğinden emin olun

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

: ve böylece gibi, sayfanızın <head> eleman dahil komut dosyasından önce var.

Bu yöntem, daha az dosyanın normal bir css dosyası olarak hareket etmesine neden olacak ve böylece ek dosyalara gerek duyulmayacaktır.

Bu, üretim ortamları için iyi bir uygulama değil. Daha az dosyanızı css dosyasına derlemelisiniz ve daha az ya da js dosyası içermeyen <head>-bölümünüze eklemelisiniz.

2
@import "styles.less"; 

VEYA

@import "styles"; 

onun ur CSS dosyasından .. sadece

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