Compilare meno sul front-end

Question

Come posso compilare meno efficientemente nel browser? Sto usando questo codice per compilare meno sul browser, ma questo richiede molto tempo nella compilazione. Ho bisogno di compilarlo sul browser non nel back-end.

<script> 
    less = { 
     env: "development", 
     logLevel: 2, 
     async: false, 
     fileAsync: false, 
     poll: 1000, 
     functions: {}, 
     dumpLineNumbers: "comments", 
     relativeUrls: false 
    }; 
</script> 
<script src="http://cdn.storehippo.com/assets/less-1.5.0.js"></script> 
<script src="lessfile.less"></script> 

Answer 1

In realtà la tua domanda è molto ampia. Perché devi compilare il tuo lato client di codice? Come appare il codice? Cosa cambierà se compilerai di nuovo il codice?

Consulta anche:

1. how to optimize Less CSS? how to generate 1 minified version of all less files? I am also using modifyVars
2. Is it faster to precompile less?

Nella maggior parte dei casi non si dovrebbe usare meno in un ambiente del prodotto. Quando lo fai per qualche motivo puoi provare a ottimizzare il tempo di compilazione.

Si sta utilizzando env: "development", questa opzione impedisce a Less di memorizzare nella cache il codice compilato. Ogni direttiva @import nel codice richiede un file che deve essere aperto e letto su http. Considera di dividere il tuo codice in una parte statica (compilare css) e una parte dinamica che deve essere compilata per ogni richiesta.

aggiornamento

vedi anche: https://github.com/less/less.js/issues/2339 Se usate Safari:

È possibile riattivare chunking con {chunkInput: true} nei meno opzioni (o data-chunk- input = "true" attributo sul link in meno).