sass - assista com minify automático?

235

Existe uma maneira de executar:

sass --watch a.scss:a.css

mas a.cssacabaram sendo minificados?

Como evitaria ter que executar uma etapa de minificação separada ao compilar minha folha de estilo?

css sass minify

— testador
fonte

Respostas:

546

sass --watch a.scss:a.css --style compressed

Consulte a documentação para atualizações:

— testador
fonte

Você também pode apoucar css "plain" desta maneira:sass --watch a.css:a.min.css --style compressed --scss

— sam

Todos os estilos de saída estão listados aqui (nested, expandida, compacto e comprimido)

— allicarn

Posso obter saídas em combinação de estilos como; Eu preciso de saídas compactadas e expandidas também. Como fazer isso?

— Temp O'rary

Isso funciona para mim ter sass criar tanto um arquivo não-minified e minified css, ao mesmo temposass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss

— Alex Wright

Isso não parece funcionar na versão mais recente 3.5.4 do Sass?

— The Chewy

Se você estiver usando editores JetBrains como IntelliJ IDEA , PhpStorm , WebStorm etc. Use as seguintes configurações em Configurações> Observadores de Arquivos.

Converter style.scsspara style.cssdefinir os argumentos

--no-cache --update $FileName$:$FileNameWithoutExtension$.css

e caminhos de saída para atualizar

$FileNameWithoutExtension$.css

Converter style.scssem compactado style.min.cssdefinir os argumentos

--no-cache --update $FileName$:$FileNameWithoutExtension$.min.css --style compressed

e caminhos de saída para atualizar

$FileNameWithoutExtension$.min.css

— Madan Sapkota
fonte

Se você estiver usando a bússola:

compass watch --output-style compressed

— Olivier Loynet
fonte

Este é um comando da bússola e não apenas atrevimento. Você está assumindo que a bússola está sendo usada quando pode não ser.

— Doyle Lewis

Isso funciona para mim também porque estou usando bússola em vez de apenas atrevimento.

— fedmich

Aqueles que deram downvote apenas para porque este código é bússola deve pensar novamente se o downvote é realmente necessário para ele

— fedmich

Por que as pessoas votaram negativamente nesta resposta? Era exatamente isso que eu estava procurando e tenho certeza de que não sou o único porque a minify compass outputpesquisa no Google leva aqui.

— Kunok 30/05

@fedmich porque a bússola nunca foi mencionada na pergunta original e, como essa resposta não tem explicação, o que o comando real faz não é útil, se você não usar a bússola. Não diminuí a votação, mas acho que é esse o motivo, e essa seria uma resposta perfeitamente correta, se houvesse pelo menos algumas palavras de descrição.

— Matthias Seifert