Minha dúvida surgiu após ler essa pergunta e suas respostas.
Muitas IDEs fornecem modos de compilar o código LESS ainda em desenvolvimento. No Netbeans, por exemplo, é possível configurar para sempre que o código .less
for salvo, ser compilado e gerado o CSS. Nos projetos que preciso utilizar algum pré-processador eu crio uma estrutura semelhante a esta:
/assets
/style
/css
| style.css
/less
/build
style.less
| variables.less
| mixins.less
Sempre que o código do diretório style/less/build for salvo, automaticamente um arquivo .css
é criado em /style/css.
Então, no HTML basta referenciar o local em que se encontra as folhas de estilos, exemplo:
<link rel="stylesheet" href="assets/style/css/style.css"/>
Pra mim essa seria a melhor forma, ao invés de deixar esse processamento ser feito no dispositivo client que precisaria:
- Baixar o arquivo LESS
- Baixar o script que compila esse código (suponha que tenha vários outros scripts a serem baixados também)
- Compilar o código e transformar em CSS
- Apresentar o CSS
Estou a pouco tempo usando LESS, mas só vejo essa prática sendo vantajosa se por ventura um arquivo LESS for mais leve que um CSS (e olhe lá).
Então, minhas dúvidas:
- Um arquivo
.less
é mais "leve" que um.css
? - Quando compilar o código no computador do usuário é a melhor escolha?
- Que benefícios/malefícios tenho ao optar por compilar o
.less
do lado cliente?