web-dev-qa-db-fra.com

Comment convertir le répertoire SASS/SCSS en CSS via la ligne de commande?

J'ai essayé: 

sass-convert --from scss --to css --recursive app/assets/stylesheets temp

Mais cela ne fait que convertir les CSS en SASS, et je veux l’inverse.

Ensuite, j'ai regardé la commande sass, mais il ne semble pas que je puisse lui passer un répertoire.

sass
35
Hawk

Pour faire une compilation Sass unique au lieu d'une watch, vous pouvez le faire depuis la ligne de commande:

sass --update scss:css

Pour que Sass importe un fichier (généralement un fichier partiel, avec un _ commençant le nom du fichier), vous pouvez le faire dans un fichier Sass:

@import "_base.scss";

De cette façon, Sass sait où vous voulez que l'inclusion se produise.

Par défaut, Sass ne peut pas importer un répertoire entier. Le gemme Sass Globbing peut cependant. Vous pouvez l'installer à partir de la ligne de commande:

gem install sass-globbing

Et puis regarde avec ça:

sass -r sass-globbing --watch sass_dir:css_dir

Notez que globbing importera les fichiers par ordre alphabétique. Veillez donc à ce que votre CSS soit correctement mis en cascade si cela se produit.

48
KatieK

Utilisez la commande sass suivie du input file name and path, de deux points (:) et du output file name and path souhaité. Si le fichier de sortie n'existe pas déjà, Sass le générera. Par exemple,

sass sass/main.scss:css/main.css

Cependant, il s'agit d'une commande unique qui nécessiterait d'être exécutée chaque fois que vous souhaitez générer un nouveau fichier CSS. Une méthode plus simple et plus pratique consiste à utiliser l'indicateur --watch intégré de Sass. Cela surveille les changements dans votre fichier Sass et exécute automatiquement la commande de compilation chaque fois que vous enregistrez les modifications.

sass --watch sass/main.scss:css/main.css

Si vous avez plusieurs fichiers Sass dans un répertoire, vous pouvez surveiller les modifications apportées à tout fichier de ce répertoire:

sass --watch sass:css

Sass propose également quatre styles de sortie CSS: nested, expanded, compact et compressed. Ceux-ci peuvent être utilisés ainsi:

sass --watch sass:css --style compressed

Reportez-vous à la documentation Sass pour plus d'informations.

10
Reggie Pinkham

pour cela, allez simplement dans le répertoire de votre projet et faites ceci:

sass --update sass-dir:assets/css

avec sass-dir le répertoire contenant vos fichiers sass actuels et assets/css le répertoire de sortie souhaité.

J'espère que cela pourrait aider.

4
kourouma_coder

Vous pouvez utiliser compass pour convertir des fichiers Sass en CSS.

Pour initialiser le config.rb, essayez:

compass init --syntax=sass --css-dir=css --javascripts-dir=js

Une fois que vous avez le fichier de configuration, essayez:

compass compile

ou en spécifiant explicitement le fichier: compass compile sass/foo.scss.

Pour l'installer, essayez:

Sudo gem update
Sudo gem install sass compass
0
kenorb