Comment convertir répertoire SASS / SCSS en CSS via la ligne de commande?
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 où 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.
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'.
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.
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