Styles are loaded after JS, causing annoying visual glitches.

Hey,

It seems like JS is loaded before CSS files, so the flow ends as:

1) Some html is rendered in server side.
2) Html is displayed to user.
3) JS is loaded (this may take a while)
4) CSS generated form 'scss imports' gets downloaded and applied.

The delay between 3-4 causes a small UI glitch until styles are applied to the server side generated html,

Is there a way to load CSS files before JS to avoid this?

Thanks.

Inspect the server-rendered HTML and the webpack asset-loading configuration described in the issue, then trace how the SCSS imports and JavaScript bundles are emitted. Confirm the browser receives and applies CSS before the relevant JavaScript runs, and verify that the initial page no longer shows an unstyled interval.

Written by the indexing model from the issue text.