Component partials

_global

dist

style.css

_scss-partials

_regions.scss

_utilities.scss

style.scss

@import "sass-essentials";

@import "_scss-partials/_regions";
@import "_scss-partials/_utilities";

Each .scss file that you write in a component will generate a CSS file in a sibling dist folder.

If you don’t want that for a certain file, you can tell Gulp that a certain file is a partial, by starting it’s filename with an underscore _.

It's then the responsibility of a non-partial .scss file to include that _[partial-name].scss file, otherwise Drupal will never load in the code you've written in that partial.

The global component is a good example of this!