Customize location of injection about html-inline-css-webpack-plugin HOT 6 CLOSED

Sounds cool, can you show more use cases to explain why?
hmm, One of use cases that I can figure out is for more prettier output.

from html-inline-css-webpack-plugin.

Glad you're interested. I'm building a vue server side rendered application. Critical styles associated with the vue components that are rendered for a given route get injected inline in the head per request. With the Vue SSR framework I can choose where the styles get injected. However, I want to inject global css into my html template at build time hence the need for html-inline-css-webpack-plugin. These global styles should appear before my component specific styles but that's not possible because this plugin always injects the styles at the very end of the head. Let me know if you need more information. Thanks for the cool plugin! I'd be happy to submit a PR for this as well.

from html-inline-css-webpack-plugin.

yeah, right, the position of style define could affect the result of style override.

PR is welcome, feel free to submit a PR 😄

from html-inline-css-webpack-plugin.

@trainiac I have implemented this feature 😆, check this

from html-inline-css-webpack-plugin.

This looks great. More flexible than what I was proposing.

I ran into one other issue trying to get this library integrated. This library deletes the asset / prevents it from being output (which makes sense since you are inlining it), which causes other vue ssr plugins to choke for some reason. I digress...

Thank you!

from html-inline-css-webpack-plugin.

@trainiac hmm, can you provide some sample code to reproduce the issue? 🤔️ We could open a new Issues to deal with it.

from html-inline-css-webpack-plugin.