Нужно ли, чтобы частичный файл .scss начинался с подчеркивания? В документации указано, что частичное должно начинаться с подчеркивания, потому что файл в противном случае будет скомпилирован в файл CSS.
Однако я заметил, что gulp -sass скомпилирует файлы без подчеркивания в один полный CSS файл.
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';
Это приведет к тому же результату, имеет ли он префикс с подчеркиванием или нет.