Übersetzen weniger auf Front-End

Question

Wie kann ich weniger effizient in den Browser kompilieren? Ich benutze diesen Code, um weniger im Browser zu kompilieren, aber das dauert sehr lange in der Kompilierung. Ich muss es im Browser nicht im Backend kompilieren.

<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 der Tat ist Ihre Frage sehr breit. Warum müssen Sie Ihre Code-Client-Seite kompilieren? Wie sieht dein Code aus? Was ändert sich, wenn Sie Code erneut kompilieren? auch

Siehe:

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?

In den meisten Fällen werden Sie nicht weniger in einer Produktumgebung verwenden sollten. Wenn Sie aus irgendeinem Grund versuchen, können Sie versuchen, die Kompilierzeit zu optimieren.

Sie verwenden env: "development", diese Option verhindert, dass Less den kompilierten Code zwischenspeichert. Jede @import-Anweisung in Ihrem Code erfordert eine Datei, die geöffnet und über HTTP gelesen werden muss. Ziehen Sie in Betracht, Ihren Code in einen statischen Teil (compile css) und einen dynamischen Teil aufzuteilen, die für jede Anfrage kompiliert werden müssen.

Update

siehe auch: https://github.com/less/less.js/issues/2339 wenn Ihre Safari verwenden:

Sie können mit wieder aktivieren Chunking {chunkInput: true} in den weniger Optionen (oder Daten-chunk- input = "true" -Attribut auf der weniger Verbindung).