Chunk css is inserted before bundle on production, inconsistent with dev environment

Steps to reproduce

1. Use some css in the bundle
2. Create a lazy loading chunk with some css in it
3. Navigate to the page that loads the chunk

Expected Behavior

In production environment, I expect both csses to be in the same order as in dev environment - chunk after bundle.

Actual Behavior

1. In development <style> element of the chunk will be injected after the bundle css
2. In production <link> element of the chunk will be inserted before the bundle css (chunk in head, bundle before </body>)

Conversation in Slack with prateekbh

ohh i guess i know whats happening bundle is placed by. us at the end of the body where as chunks are inserted by webpack at runtime in headtag

[developit]

Ah this makes sense. We need to adjust where we are injecting the prerendered chunks. Maybe we could just set inject:'body' here? https://github.com/preactjs/preact-cli/blob/605c965de7da96e974ded1aa511b747b06e1c5a3/packages/cli/lib/lib/webpack/render-html-plugin.js#L71

[prateekbh]

makes sense, also this will make everything a lot more intuitive i agree