Saltar al contenido

¿Por qué poner delante del nombre de archivo “_” o “_” en scss/css?

Hacemos una revisión exhaustiva cada post de nuestra web con la meta de enseñarte siempre la información más veraz y certera.

Solución:

El _ (guion bajo) es un parcial de scss. Eso significa que la hoja de estilo se importará (@importar) a una hoja de estilo principal, es decir, estilos.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.

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 usa @import.

De la guía de idioma Sass:

Puede crear archivos Sass parciales que contengan pequeños fragmentos de CSS que puede incluir en otros archivos Sass. Esta es una excelente manera de modularizar su CSS y ayudar a que las cosas sean más fáciles de mantener. Un parcial es simplemente un archivo Sass nombrado con un guión bajo al principio. Puede nombrarlo algo como _parcial.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 de Sass se usan con la directiva @import.

http://sass-lang.com/guide

Cuando incluye “_” delante del nombre del archivo, no se generará en CSS a menos que lo importe a otros archivos sass que no sean parciales.

supongamos que su estructura de carpetas es así

/scss
 style.scss
 _list.scss
/css

si ejecutas el comando

sass --watch scss:css

solo se crearán 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.map

la única forma en que puede 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.map

El propósito 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.

Sección de Reseñas y Valoraciones

Finalizando este artículo puedes encontrar las crónicas de otros usuarios, tú también tienes la habilidad mostrar el tuyo si dominas el tema.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *