Respuestas:
El _ (guión bajo) es parcial para scss. Eso significa que la hoja de estilo se importará (@import) a una hoja de estilo principal, es decir, styles.scss. La ventaja de usar parciales es que puede usar muchos archivos para organizar su código y todo se compilará en un solo archivo.
import '_file';y import 'file';hace lo mismo ¿verdad?"
_? Estoy considerando eliminar el guión bajo de mis nombres de archivo. Si un archivo Sass es parcial o no (es decir, un fragmento de código importante) debe depender de su ubicación en la arquitectura de su proyecto, no de cómo se nombra el archivo.
_correos electrónicos si tiene su proyecto estructurado de manera razonable.
Un archivo sass que comienza con un guión bajo es parcial. Es una buena manera de mantener sus estilos separados en secciones lógicas. Todos estos archivos se fusionan en la compilación cuando los usa @import.
De la guía de idiomas Sass:
Puede crear archivos Sass parciales que contienen pequeños fragmentos de CSS que puede incluir en otros archivos Sass. Esta es una excelente manera de modularizar su CSS y ayudar a mantener las cosas más fáciles de mantener. Un parcial es simplemente un archivo Sass nombrado con un guión bajo. Puede nombrarlo como _partial.scss. El guión bajo le permite a Sass saber que el archivo es solo un archivo parcial y que no debe generarse en un archivo CSS. Los parciales Sass se usan con la directiva @import.
Cuando incluye "_" delante del nombre del archivo, no se generará en CSS a menos que lo importe en otro archivo sass que no sea parcial.
supongamos que la estructura de su carpeta es así
/scss
style.scss
_list.scss
/csssi ejecutas el comando
sass --watch scss:csssolo se crearán los archivos style.css y style.css.map, el compilador sass omitirá _list.scss sin convertir su contenido en un archivo CSS.
/scss
style.scss
_list.scss
/css
style.css
style.css.mapla única forma de usar parciales es importarlos a otro archivo .scss con
@import 'list.scss';si elimina el '_' delante de _list.scss, el resultado del comando será
/scss
style.scss
list.scss
/css
style.css
style.css.map
list.css
list.css.mapEl objetivo principal de usar parciales es dividir nuestro código CSS en varias partes que son más fáciles de mantener. Espero que esto ayude. Gracias.
El compilador ignora los archivos con _ (guión bajo). Sin embargo, todos esos archivos se importan en un solo archivo SCSS principal (es decir, styles.scss) que en realidad es el archivo que se compila (no tiene _ (guión bajo) en su nombre)
El objetivo final es compilar solo un archivo SCSS y tener un solo archivo CSS como resultado, lo que tiene varias ventajas.
También usar el observador de node-sass en un entorno de nodo dará como resultado mensajes de error si no tiene el prefijo de subrayado, consulte https://github.com/sass/node-sass/issues/2762
import '_file';yimport '_file';hace lo mismo ¿verdad?