Estou pensando em usar LESS, mas me arrepio com a idéia de um navegador ter o JavaScript desativado e meu CSS não ser legível (e o site parecer horrível).
Além disso, ofende o engenheiro em mim forçar todos os navegadores a "compilarem" esse arquivo Less para .css quando poderíamos "compilar" uma vez toda vez que o modificássemos.
css
css-framework
Clay Nichols
fonte
fonte
Respostas:
Sim. Você pode usar um aplicativo que compile automaticamente MENOS arquivos para CSS em sua máquina de desenvolvimento enquanto codifica. Em seguida, basta fazer o upload do arquivo CSS gerado para o servidor quando você terminar de desenvolver.
fonte
Eu uso o SimpLESS - arraste, solte, pronto.
fonte
LESS vem com um binário (lessc) que permite pré-compilar seus arquivos .less. Você o usa como tal:
Mas acho que a maioria das pessoas usa o comandolessc -w
oulessc --watch
para recompilar a folha de estilo CSS automaticamente sempre que o arquivo LESS é atualizado. Você também pode ter lessc minify o CSS, por exemplolessc -w -x
.Edit: Apenas para esclarecer, lessc vem com a instalação do servidor (ou seja, quando você instala menos através do gerenciador de pacotes node.js.). Mas você pode baixá-lo manualmente no GitHub .
lessc está localizado em
/bin/lessc
. Este é, naturalmente, um binário * nix (também deve trabalhar para Mac), mas não é um binário do Windows ( lessc.exe ) com base na dotless, que é um outro compilador do Windows menos.Atualização: use
less-watch
para compilar automaticamente.Como alternativa, muitos desenvolvedores hoje em dia usam executores de tarefas como
grunt
para lidar com a automação de compilação (compilação, minificação, teste etc.). Usandogrunt-contrib-watch
,grunt-contrib-less
egrunt-contrib-livereload
, você pode realmente agilizar seu fluxo de trabalho de desenvolvimento.Por exemplo, se você usa o
yo
andaime para o seu novo projeto da Web, ele é pré-configurado para observar os arquivos LESS / CSS / JS / HTML quanto a alterações e recompilar as partes necessárias do seu projeto, quando necessário. Basta executargrunt serve
e você estará pronto para codificar sem ter que se preocupar em compilar manualmente (LESS / SASS / CoffeeScript) / minificar / concatenar seu código ou atualizar seu navegador manualmente como um homem das cavernas ...fonte
npm install -g fs-change
"Existem várias opções para compilar MENOS em CSS no servidor, e a que você escolher provavelmente dependerá do que você usar no restante do site.
fonte
lessc
compilador binário baseado na versão mais recente do less.js.