2013-08-20 14 views
19

需要哪些文件包含在<head>部分以獲得較少的css。在官方網站較少的地方,我剛剛看到他們已經告訴包含.less和.js文件。但沒有.css文件就無法工作。較少的css文件包含在<head>部分

+3

的JS文件轉換你少CSS並把這個給DOM。你確定,你已經按照正確的順序添加了它們嗎? – Sirko

+0

你在''中的包含行是什麼! – deepakb

回答

35

參考LESS文檔(http://lesscss.org/#client-side-usage):

鏈接你的.LESS樣式與設置相對爲「stylesheet /少」:

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

然後從頁面的頂部下載less.js ,並將其包含在您的網頁<head>元素,像這樣:

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

確保你包括你的風格腳本前的heets。

此方法將導致文件較少的行爲作爲常規的css文件,因此不需要額外的文件。

雖然這不是生產環境的好習慣。您應該將少文件編譯爲css文件,並將其包含在<head>部分中,就像沒有任何less或js文件一樣。

2
@import "styles.less"; 

OR

@import "styles"; 

其從烏拉圭回合的CSS文件.. 你只需要包括像

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