USWDS-Compile - Feature: How can I create separate component directories?

[ryandwalker]

Is your feature request related to a problem? Please describe.

The problem is that all my CSS is loaded for all pages, including pages where the CSS isn't relevant. Currently in my gulpfile.js, I have these paths:

uswds.paths.dist.css = './css';
uswds.paths.dist.theme = './sass';

This works as expected. But now I want to create subdirectories for components, like /sass/component/my-component/my-component.scss.

Describe the solution you'd like

I want to create subdirectories for components, like /sass/component/my-component/my-component.scss

Note: I do not want my-component.scss automatically compiled into my /css/style.scss. Instead, I want it to compile somewhere like /css/my-component/my-component.css. That way my application can load my-component.css only where it is relevant.

Describe alternatives you've considered

No response

Additional context

I'm not sure if I'm looking for a support in the right place. I don't know if my issue is a more general gulp question -- and I should get support somewhere like stackoverflow.com -- or if my issue is specific to uswds-compile.

Code of Conduct

• I agree to follow this project's Code of Conduct.
• I checked the current issues for duplicate feature requests.

[ryandwalker]

Can someone comment on whether USWDS-compile supports the distribution of CSS among different component directories? I suspect it is possible to do this with USWDS-compile, but I'm not sure.

It's also possible that USWDS-compile does not prevent the developer from distributing the compiled CSS among components, but also does not particularly support it. That is, maybe there is some trick to doing what I want, despite the USWDS-compile itself not explicitly supporting single-directory components.

Thanks!