sass --watch avec minify automatique?

Question

Y a-t-il un moyen de courir:

sass --watch a.scss:a.css

mais est-ce que a.css finit par être minifié?

Comment pourrais-je éviter de devoir exécuter une étape de minification distincte pendant la compilation de ma feuille de style?

Answer 1

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

Consultez la documentation pour les mises à jour:

• http://sass-lang.com/documentation/file.SASS_REFERENCE.html#using_sass
• http://sass-lang.com/documentation/file.SASS_REFERENCE.html#output_style

Answer 2

Si vous utilisez des éditeurs JetBrains tels que IntelliJ IDEA , PhpStorm , WebStorm etc. Utilisez les paramètres suivants dans Paramètres> Observateurs de fichiers.

1. Convertir style.scss en style.css régler le arguments

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

   et chemins de sortie à actualiser

   _$FileNameWithoutExtension$.css
   _

2. Convertissez style.scss en comprimé style.min.css défini les arguments

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

   et chemins de sortie à actualiser

   _$FileNameWithoutExtension$.min.css
   _

Answer 3

Si vous utilisez une boussole:

compass watch --output-style compressed