Carica le regole less.js in modo dinamico

Sto guardando usando meno . js (sembra ottimo), ma il nostro sito richiede che alcuni stili vengano caricati dynamicmente dopo il caricamento iniziale della pagina. Sembra, tuttavia, che tutti i fogli di stile MINORI debbano essere caricati prima del caricamento dello script less.js. cioè questo funziona

  

ma fallisce se le linee vengono scambiate, né firefox né chrome sembrano tentare di caricare “style.less” a meno che non siano ordinate correttamente. Il requisito di ordinazione è indicato esplicitamente in questo tutorial .

C’è un modo per caricare meno fogli di stile dopo il caricamento iniziale della pagina?

Nota che questo blog descrive una funzione di ‘orologio’ –

che aggiornerà automaticamente il CSS ogni volta che salvi il tuo codice LESS

quindi mi sembra ragionevole aspettarsi che potrei aggiungere alcune regole MENO dopo il caricamento della pagina. Mi sento come se mi mancasse qualcosa.

Saluti,

Colin

AGGIORNAMENTO: codice utilizzato per testare il comportamento descritto nei commenti (meno il foglio di stile elencato dopo lo script) –

     Simple      
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
Bingo
console.log("refreshing styles..."); less.sheets.push(document.getElementById('abc123')); //var lessStyle = $("#abc { color: blue; }").attr("id", "less:static-less-style").attr("type", 'text/less'); //$("head").append(lessStyle); less.refresh(true); console.log("refreshed...");

e meno il foglio di stile

 @primary_color: green; .rounded(@radius: 5px) { -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } #container { background: @primary_color; .rounded(5px); div { color: red; } }