Подчеркивание в частичном файле Sass

Нужно ли, чтобы частичный файл .scss начинался с подчеркивания? В документации указано, что частичное должно начинаться с подчеркивания, потому что файл в противном случае будет скомпилирован в файл CSS.

Однако я заметил, что gulp -sass скомпилирует файлы без подчеркивания в один полный CSS файл.

Ответы

Ответ 1

1. Частицы должны начинаться с подчеркивания, если вы не хотите, чтобы они были сгенерированы в файл css.

2. Файл scss может импортировать другой файл без подчеркивания и все еще правильно компилировать.

Возьмем этот пример:

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

Здесь мы видим, что site-header.scss и site.scss не имеют подчеркиваний. Если я выполнил задачу gulp, чтобы скомпилировать что-либо в папке sass, будут выводиться два файла.

site-header.css
site.css

Мы не хотим генерировать site-header.css, но поскольку мы опустили подчеркивание, компилятор игнорирует только файлы с подчеркиванием и генерирует для него файл css.

site-header.scss по-прежнему можно ссылаться в site.scss на @import

@import 'components\site-header';

Это приведет к тому же результату, имеет ли он префикс с подчеркиванием или нет.