web-dev-qa-db-fra.com

Réduisez CSS avec Node-sass

J'utilise SCSS dans mon projet NodeJS et mon script fonctionne pour transformer tous mes fichiers SCSS séparés en un seul fichier CSS à l'aide de la commande suivante

node-sass -w public/css/scss/style.scss public/css/style.css

Mon seul problème est que je souhaite également que le fichier CSS soit minifié. Est-ce possible avec Node-sass? Les documents disent qu'il existe une option pour "compact" mais cela ne semble pas fonctionner lorsque j'essaie

node-sass -w compact public/css/scss/style.scss public/css/style.css

Merci d'avance pour toute aide.

cssnode.jsminifynode-sass
27
Matt Leach

Dans la documentation node-sass dit que vous devez utiliser --output-style, et ce pourrait être nested | expanded | compact | compressed. Pour réduire, utilisez compressed

Par exemple:

node-sass -w public/css/scss/style.scss public/css/style.css --output-style compressed

va minimiser le CSS.

63
vretamal

node-sass prend en charge la sortie de CSS minifiés avec le --output-style paramètre.

outputStyle

  • Type: chaîne
  • Par défaut: nested
  • Valeurs: nested, expanded, compact, compressed

Après avoir installé le package npm node-sass. J'ai ajouté le build-css ligne vers mon fichier package.json.

  "scripts": {
    "build-css": "node-sass --include-path scss scss/main.scss   public/css/main.css --output-style compressed",
  },

Ensuite, je dois simplement taper npm run build-css pour que le contenu de mon fichier /scss/main.scss soit transformé en css compressé (minifié) dans le fichier /public/css/main.min.css

Plus d'informations peuvent être trouvées dans la documentation du référentiel Github de node-sass ici https://github.com/sass/node-sass#outputstyle

1
TidyDev