Comment convertir 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 convertit seulement css en SASS, et je veux l'inverse.

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

33
demandé sur cimmanon 2013-10-18 05:04:42

4 réponses

Pour faire un Sass compiler au lieu d'un watch, vous pouvez le faire depuis la ligne de commande:

sass --update scss:css

pour faire importer un fichier par Sass (généralement partiel, avec un _ starting the filename), vous pouvez le faire dans un fichier Sass:

@import "_base.scss";

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

par défaut, Sass ne peut pas importer un répertoire entier. Sass Expansion gem, cependant, peut. Vous pouvez l'installer à partir de la ligne de commande:

gem install sass-globbing

Et puis de regarder avec:

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

notez que globbing importera les fichiers par ordre alphabétique, alors assurez-vous que votre CSS se répercutera correctement si cela se produit.

45
répondu KatieK 2016-04-11 17:16:25

sass commande suivie du input file name and path, un deux-points (:) et le choix d' output file name and path. Si le fichier n'existe pas déjà Sass va générer. 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 voulez générer un nouveau fichier CSS. Une méthode plus simple et plus maniable consiste à utiliser la version intégrée de Sass --watch drapeau. Cela guette les changements dans votre fichier Sass et exécute automatiquement la commande compiler à chaque fois que vous enregistrer les modifications.

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

si vous avez plusieurs fichiers Sass dans un répertoire, vous pouvez surveiller les changements à n'importe quel fichier dans ce répertoire:

sass --watch sass:css

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

sass --watch sass:css --style compressed

reportez-vous à le Sass documentation pour plus d'.

8
répondu Reggie Pinkham 2016-11-27 00:21:51

pour cela, il suffit d'aller à votre répertoire de projet et faire ceci :

sass --update sass-dir:assets/css

sass-dir le répertoire contenant vos fichiers Sass réels et assets / css le répertoire de sortie désiré.

J'espère que cela pourrait aider.

4
répondu kourouma_coder 2016-08-09 05:25:00

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

Pour initialiser le config.rb, essayez de:

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 le fichier de manière explicite: compass compile sass/foo.scss.


Pour l'installer, essayer:

sudo gem update
sudo gem install sass compass
0
répondu kenorb 2015-08-26 10:47:06