sass-montre automatique avec rapetisser?

Est-il un moyen pour exécuter:

sass --watch a.scss:a.css

mais ont a.css être minimisé?

Comment pourrais-je éviter d'avoir à exécuter un distinct minification étape que je compile ma feuille de style?

InformationsquelleAutor tester | 2012-01-24
  1. 521
    sass --watch a.scss:a.css --style compressed

    Consulter la documentation pour les mises à jour:

    • Vous pouvez également rapetisser "plaine" css de cette façon: sass --watch a.css:a.min.css --style compressed --scss
    • Tous les styles sont répertoriés ici (imbriqués, élargi, compact, et compressé)
    • Puis-je obtenir sorties d'une combinaison de styles comme; j'ai besoin de comprimé et de l'étendue des résultats. Comment faire?
    • Curieusement, la sortie de --style compressed n'est pas aussi compact que certains en ligne minifiers.
    • Cela fonctionne pour moi d'avoir sass créer à la fois un non-compacte et minifiés fichier css dans le même temps sass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss
    • Cela ne semble pas fonctionner dans la dernière version 3.5.4 de Sass?

    InformationsquelleAutor tester
  2. 21

    Si vous utilisez JetBrains éditeurs comme IntelliJ IDEA, PhpStorm, WebStorm etc. Utilisez les paramètres suivants dans Paramètres > Fichier des Observateurs.
    sass-montre automatique avec rapetisser?

    1. Convertir style.scss à style.css définir les arguments

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

      et chemins de sortie pour actualiser

      $FileNameWithoutExtension$.css

    2. Convertir style.scss comprimé style.min.css définir les arguments

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

      et chemins de sortie pour actualiser

      $FileNameWithoutExtension$.min.css
    InformationsquelleAutor Madan Sapkota
  3. 13

    Si vous êtes à l'aide de la boussole:

    compass watch --output-style compressed
    • Pouvez-vous expliquer cette commande?
    • C'est une boussole qui commande et pas seulement sass. Vous êtes en supposant que la boussole est utilisée lorsqu'il ne peut être.
    • Cela fonctionne pour moi aussi parce que je suis à l'aide de la boussole au lieu de simplement sass.
    • Ceux qui ont donné downvote juste pour parce que ce code est boussole devrait réfléchir à nouveau si le downvote est vraiment nécessaire pour lui
    • Pourquoi les gens downvote 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 minify compass output de recherche de Google mène ici.
    • parce que la boussole n'a jamais été mentionné dans la question d'origine, et depuis cette réponse est dépourvue de toute explication de ce que la commande n'es pas utile, si vous n'utilisez pas de boussole. Je n'ai pas downvote, mais je gues c'est la raison, et ce serait une parfaitement bien la réponse, si il y avait au moins quelques mots de description.

    InformationsquelleAutor Olivier Loynet