2013-08-20 9 views
19

Quali file sono necessari per includere nella sezione <head> per meno css. In un sito meno ufficiale, ho appena visto che hanno detto di includere file .less e .js. Ma non funziona senza file .css.Less css file include in <head> sezione

+3

Il file JS converte il meno al CSS e inserti in questo il DOM. Sei sicuro, li hai aggiunti nell'ordine corretto? – Sirko

+0

qual è la linea di inclusione in ''! – deepakb

risposta

35

riferimento alla documentazione MENO (http://lesscss.org/#client-side-usage):

link ai tuoi fogli di stile .less con il rel impostato su “foglio di stile/meno”:

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

Quindi scaricare less.js dalla parte superiore della pagina , e comprendono nell'elemento <head> della pagina, in questo modo:

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

Assicurati di includere gli stili va prima della sceneggiatura.

Questo metodo farà sì che il file meno funzioni come un normale file css, quindi non sono necessari file aggiuntivi.

Tuttavia, questa non è una buona pratica per gli ambienti di produzione. Dovresti compilare il tuo less-file in css-file e includerlo nella tua sezione <head> così com'è senza file less- o js.

2
@import "styles.less"; 

O

@import "styles"; 

sua da ur file CSS .. si solo bisogno di includerlo come

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