Uma adaptação do projeto HTML5 Boilerplate usando Less e mantendo CSS reset.
Temos um Cakefile pra agilizar nosso trabalho com Less e CoffeeScript.
- Node
- CoffeeScript:
sudo npm install coffee-script -g
- Less:
sudo npm install less -g
Certifique-se que a Gem Ruby não esteja sendo chamada através delessc -v
. - Uglifyjs:
sudo npm install uglify-js -g
coffee.push 'main', 'base', '…' # arquivos .coffee
less.push 'main', 'base', '…' # arquivos .less
coffee.src = '_coffee/' # pasta origem dos arquivos .coffee
coffee.dst = 'scripts/' # pasta destino
coffee.compress = true' # comprimir o resultado com UglifyJs
less.src = '_less/' # pasta origem dos arquivos .less
less.dst = 'styles/' # pasta destino
less.compress = true' # comprimir o resultado
head = "`date -u +'%Y-%m-%d %H:%M GMT'`" # assinatura no arquivo gerado
tail = "\ncreated by Grifo" # assinatura no arquivo gerado
cake build
Compila os arquivos .coffee e .less das pastas src
para as pastas dst
.
cake watch
Além de compilar, esta tarefa recompila os arquivos a cada nova alteração. Para Less, os arquivos incluídos por @import
também disparam são assistidos e podem disparar recompilação.
Pode ser gerado de acordo com este Gist.
Temos um repositório de plugins Grifo-jquery-plugins e mais alguma coisa neste Gist.