2013-08-20 8 views
19

Jakie pliki należy umieścić w sekcji <head> dla mniejszej liczby css. Na mniej oficjalnej stronie, właśnie widziałem, że powiedzieli, aby dołączyć plik .less i .js. Ale nie działa bez pliku .css.Mniejsza zawartość pliku css to <head> sekcja

+3

Plik JS konwertuje do mniej CSS i wkładek to DOM. Jesteś pewien, że dodałeś je we właściwej kolejności? – Sirko

+0

jaka jest twoja linia włączenia w ''! – deepakb

Odpowiedz

35

Odnosząc się do mniejszej liczby dokumentów (http://lesscss.org/#client-side-usage):

link arkusz stylów .less z rel jest ustawiony na „stylesheet/mniej”:

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

Następnie pobierz less.js od góry strony i umieścić go w elemencie <head> swojej stronie tak:

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

Upewnij się, że to swoje style heets przed scenariuszem.

Ta metoda spowoduje, że less-file będzie działał jak zwykły plik css, więc nie są potrzebne żadne dodatkowe pliki.

To nie jest dobra praktyka dla środowisk produkcyjnych. Powinieneś skompilować mniejszy plik do pliku css i dołączyć go do swojej sekcji <head> bez żadnych mniejszych lub js-plików.

2
@import "styles.less"; 

LUB

@import "styles"; 

z jej ur pliku CSS .. wystarczy umieścić go jak

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