Funções de relógio Handy SASS

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.