style tags are in reverse order

When you use getStyleTags you get styles in wrong order. That means chunks are first and main css is last. This will cause bad css visualisation because order must be correct.

Here is temporary workaround

    const styleTags = appContext
      .getStyleTags()
      .split('\n')
      .reverse()
      .join('\n');

[gregberge]

We have to be sure to insert styles in the correct order. But we have to investigate what is the correct order first.

[theKashey]

Probably the best way is to inject stuff like normalize.css manually in a header template. I am almost sure, that you can’t get “right” CSS order from stats.json, and observing calls to style-loaders is not possible with stream rendering. Personally, I’ve solved it using used-styles, but normalize.css is not used. And “use-order” does not reflect “import-order”. So, yet again, the best way is to solve the problem by hand - place normalize.css where it should be.