sourcemaps - Subrayado en el archivo Sass parcial

node-sass

Question

¿Es necesario que un archivo parcial .scss comience con un guión bajo? La documentación indica que un parcial debe comenzar con un guión bajo, porque el archivo se compilaría en un archivo CSS.

Sin embargo, me he dado cuenta de que gulp-sass compila archivos sin un guión bajo en un solo archivo CSS completo.

Answer 1

1. Los parciales deben comenzar con un guión bajo si no desea que se generen en un archivo css .

2. Un archivo scss puede importar otro archivo sin un guión bajo y aún así compilar correctamente.

Tomemos este ejemplo:

sass
    +-- base
    |   +-- _normalize.scss 
    +-- components  
    |   +-- site-header.scss
    +-- utilities       
    |   +-- _icons.scss
    +-- site.scss

Aquí podemos ver que site-header.scss y site.scss no tienen guiones bajos. Si ejecuto una tarea trillada para compilar algo dentro de la carpeta sass , se sass dos archivos.

site-header.css
site.css

No queremos generar site-header.css pero debido a que hemos omitido el guión bajo, el compilador solo ignora los archivos con un guión bajo y genera un archivo css para él.

site-header.scss aún puede ser referenciado en site.scss con un @import

@import ''components/site-header'';

Esto dará como resultado el mismo resultado, ya sea prefijado con un guión bajo o no.