Ontem comecei a trabalhar em um novo projeto e precisava de uma maneira fácil de assistir meus arquivos sass, eu não queria ter que escrever o comando watch completo todas as vezes. Então eu vim com essas funções mágicas que muitos não viram e viveram para falar.
sass-watch-dev observa um arquivo, enquanto imprime dados de depuração e números de linha, tornando mais fácil trabalhar com FireSass para Firebug / Firefox e o novo suporte experimental para Sass no Chrome.
sass-watch-live assiste a um arquivo e simplesmente compacta a saída, deixando-o pronto para ir ao ar.
function sass-watch-dev {
if [ $# -eq 0 ]
then
echo "You must provide an argument for the file name. E.g. main (.scss and .css automatically appended)"
else
sass -l -g -t expanded --watch $1.scss:$1.css
fi
}
function sass-watch-live {
if [ $# -eq 0 ]
then
echo "You must provide an argument for the file name. E.g. main (.scss and .css automatically appended)"
else
sass -t compressed --watch $1.scss:$1.css
fi
}
Coloque essas funções em seu arquivo .bash_profile ou .bashrc localizado em seu diretório inicial (execute: cd ~).
Ambas as funções esperam um parâmetro e reclamarão se você esquecer de passá-lo. O parâmetro que eles esperam é simplesmente o nome do arquivo sem a extensão do arquivo. Por exemplo:
sass-watch-dev main
Isso dirá ao sass para observar main.scss e gerar main.css.
Claro, você pode ajustar essas funções para se adequar aos seus hábitos de trabalho.