sass --watch avec minify automatique?

235

Existe-t-il un moyen d'exécuter:

sass --watch a.scss:a.css

mais ont a.css fini par être minifiés?

Comment éviter d'avoir à exécuter une étape de minification distincte lors de la compilation de ma feuille de style?

css sass minify

— testeur
source

Réponses:

546

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

Consultez la documentation pour les mises à jour:

— testeur
source

Vous pouvez également minimiser les CSS "plain" de cette façon:sass --watch a.css:a.min.css --style compressed --scss

— sam

Tous les styles de sortie sont répertoriés ici (imbriqués, développés, compacts et compressés)

— allicarn

Puis-je obtenir des sorties en combinaison de styles comme; J'ai également besoin de sorties compressées et étendues. Comment faire ça?

— Temp O'rary

Cela fonctionne pour moi d'avoir sass créer un fichier CSS non minifié et minifié en même tempssass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss

— Alex Wright

Cela ne semble pas fonctionner dans la dernière version 3.5.4 de Sass?

— The Chewy

Si vous utilisez des éditeurs JetBrains comme IntelliJ IDEA , PhpStorm , WebStorm etc. Utilisez les paramètres suivants dans Paramètres> File Watchers.

Convertir style.scsspour style.cssdéfinir les arguments
```
--no-cache --update $FileName$:$FileNameWithoutExtension$.css
```
et des chemins de sortie à rafraîchir
```
$FileNameWithoutExtension$.css
```

Convertir style.scssen compressé style.min.cssdéfinir les arguments

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

et des chemins de sortie à rafraîchir

$FileNameWithoutExtension$.min.css

— Madan Sapkota
source

Si vous utilisez une boussole:

compass watch --output-style compressed

— Olivier Loynet
source

Il s'agit d'une commande de boussole et pas seulement de sass. Vous supposez que la boussole est utilisée alors qu'elle ne l'est peut-être pas.

— Doyle Lewis

Cela fonctionne aussi pour moi car j'utilise la boussole au lieu de simplement sass.

— fedmich

Ceux qui ont donné un downvote juste parce que ce code est une boussole devraient réfléchir à nouveau si le downvote est vraiment nécessaire pour lui

— fedmich

Pourquoi les gens voteraient-ils contre cette réponse? C'est exactement ce que je cherchais en premier lieu et je suis sûr que je ne suis pas le seul parce que la minify compass outputrecherche Google mène ici.

— Kunok

@fedmich parce que la boussole n'a jamais été mentionnée dans la question d'origine, et comme cette réponse manque d'explication, la commande réelle n'est pas utile si vous n'utilisez pas la boussole. Je n'ai pas downvote, mais je pense que c'est la raison, et ce serait une réponse parfaitement fine, s'il y avait au moins quelques mots de description.

— Matthias Seifert