Voigtán
¿Es posible hacer que sass escuche un directorio con muchos archivos sass y generar un archivo CSS? Encontré una manera de incluir muchos archivos sass en uno (style.scss):
@import "scss/header";
@import "scss/footer";
Y luego ejecuta el siguiente código:
sass --watch style.scss:style.css
pero el problema es que tengo que cambiar ese archivo antes de generar un nuevo archivo CSS.
Si observa el directorio, sass podrá notar cambios en los archivos @importados y actualizar los archivos dependientes.
estilo.scss:
@import "header";
@import "footer";
Y hacer:
sass --watch .
Compilará todos los archivos del directorio en .css; ignorando los archivos cuyo nombre comienza con un _.
Si modifica _header.scss o _footer.scss, también actualizará style.scss.
También puede generar en otro directorio:
sass --watch .:output_dir/
-
¿Podría por favor aclarar? el “encabezado” y el “pie de página” son header.scss? o encabezado.css? y están en una subcarpeta o en la misma carpeta que screen.scss?
– Alisso
3 de agosto de 2012 a las 14:45
-
¿Qué pasa si los parciales están en una carpeta diferente? Tengo esa situación y no puedo mover mis archivos css porque tendría que hacer muchos cambios en ese caso. ¿Todavía es posible cambiar un parcial y luego se crea un nuevo archivo principal css?
– usuario2718671
17 de enero de 2014 a las 15:09
-
me ayuda, gracias
– Dharam Malí
22 de diciembre de 2016 a las 12:43
-
Posibilidad remota aquí, sé que esta respuesta es más antigua que la suciedad, pero ¿ha habido actualizaciones donde NO creará una respuesta separada?
.css? Es genial que escribirá en tu single..csspero también crea un NUEVO.cssarchivo en el proceso.– Brandon Benefield
8 de diciembre de 2017 a las 14:04
Luis
Puede decirle a SASS que mire una carpeta completa con:
sass --watch application/sass:public/stylesheets
Si importa todos sus archivos parciales, esto debería generar un archivo. Cada vez que edite un archivo en la carpeta, los archivos CSS se generarán automáticamente.
-
eso funcionaría, ambas soluciones son buenas. Pero mi objetivo era solo un archivo CSS en total y con _ y un archivo scss que incluye todo lo demás fue la mejor solución para mí. Gracias por la respuesta, después de 2 días con sass, ¡realmente me gusta con todas sus características!
– voigtán
7 sep 2011 a las 15:52
Jd Moneymaker
Estaba teniendo una sesión de búsqueda en Google bastante frenética tratando de resolver este problema.
Resulta que es bastante simple si usa Rictwick Live Sass Compiler en VS Code.
-
Asegúrese de guardar sus archivos sass/scss comenzando con un guión bajo, por ejemplo: _variables.scss, _mixin.scss.
-
@importarlos al archivo principal style.scss que desea compilar. P.ej:
@import "_mixins"; @import "_variables"; - Más o menos eso es todo, ha compilado todos sus archivos .scss en un solo archivo CSS.
Solo quería agregar, también puede llamar Variables ($) y Mixins desde otros archivos.
Por ejemplo:
_variable.scss = $primary:#000
_header.scss = header {color:$primary;}
_footer.scss = footer {background:$primary}
personalizado.scss:
@import "_variables.scss";
@import "_header.scss";
@import "_footer.scss";
Salida = personalizado.css
header {color:#000;}
footer {background:#000;}