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
42
Você também pode apoucar css "plain" desta maneira:sass --watch a.css:a.min.css --style compressed --scss
sam
13
Todos os estilos de saída estão listados aqui (nested, expandida, compacto e comprimido)
allicarn
3
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
3
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
2
Isso não parece funcionar na versão mais recente 3.5.4 do Sass?
The Chewy
22

Se você estiver usando editores JetBrains como IntelliJ IDEA , PhpStorm , WebStorm etc. Use as seguintes configurações em Configurações> Observadores de Arquivos. insira a descrição da imagem aqui

  1. Converter style.scsspara style.cssdefinir os argumentos

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

    e caminhos de saída para atualizar

    $FileNameWithoutExtension$.css

  2. 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
15

Se você estiver usando a bússola:

compass watch --output-style compressed
Olivier Loynet
fonte
12
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
4
Isso funciona para mim também porque estou usando bússola em vez de apenas atrevimento.
fedmich
3
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