Te traemos el arreglo a esta incógnita, al menos eso pensamos. Si tienes preguntas coméntalo y sin dudarlo te responderemos
Solución:
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 en el directorio a .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/
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.
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.
Si para ti ha sido de utilidad nuestro artículo, te agradeceríamos que lo compartas con más seniors así nos ayudas a dar difusión a nuestro contenido.