web-dev-qa-db-fra.com

Comment réduire CSS avec Watcher de fichier SCSS dans PHPStorm IDE

Existe-t-il un moyen de configurer SASS FileWatcher pour qu'il crée un CSS minifié?

J'ai actuellement configuré SASS + YUI Compressor pour accomplir cela, mais je voudrais le faire avec du SASS pur si possible.

Voici les captures d'écran des deux configurations:

SASS

CSS YUI Compressor

Merci d'avance.

sassminifyphpstormyui-compressor
29
achucuan

Le moyen le plus rapide d'y parvenir est probablement d'utiliser l'argument compressé, mentionné dans les commentaires précédents, comme argument. La façon la plus rapide de configurer cela dans PHPStorm est la suivante:

  • Aller à File > Settings
  • À l'intérieur Project Settings sélectionnez File Watchers
  • Vous devriez déjà avoir un observateur SCSS créé ici (si vous avez activé le plugin de surveillance SCSS, PHPStorm vous invite à créer un observateur lors de l'ouverture d'un nouveau fichier .scss.) Sinon, activez-le (plus d'informations à ce sujet dans cette section du - documentation officielle ,) puis créez le nouvel observateur en appuyant sur le symbole "+".
  • Double-cliquez sur le nom de l'observateur pour accéder à sa configuration.
  • Dans la ligne Arguments, assurez-vous d'ajouter le --style compressed argument
  • Cliquez sur OK et vous avez terminé

Cette image montre à quoi devrait ressembler cette configuration:

Compressed SCSS settings in PHPStorm

À partir de là, vos fichiers de sortie .css seront compressés.

57
E. Serrano

Si vous utilisez sassc sous Linux (Arch), vous pouvez utiliser comme arguments:

-t compressed -m auto $FileNameWithoutExtension$.scss $FileNameWithoutExtension$.min.css
0
SYS64738