5 minute SASS compile times #115

Ok, I think I figured it out. Adding these @use statements to import the base styles.scss file definitely are what are causing the extra compile time: https://github.com/treadway/test-comet/blob/fce5e3892f8bac977b645c471f0a68c94443845c/src/sections/BasicBanner/BasicBanner.scss#L1. I'm not 100% sure what the issue is, but it appears to be some cyclic issue with how you're importing the base scss file, which in itself is loading all of USWDS (which is a lot).

To get around this issue, you can create a separate scss file to expose your variables, then import that into your components scss. Here is the general idea: MetroStar/comet-starter@main...scss-testing.

Based on my testing, I was able to take the recompile down from about 45 seconds (for 5 new components) down to 7 seconds (as before).

Another option is to just put all of your SCSS in the styles.scss, which since you are not using scoped scss modules, might not be a bad idea.

Let me know how that works or if you have any question.