style-loader/useable: There is a need to be able to control the order of inserting styles.

[budarin]

Do you want to request a feature or report a bug?
Feature

What is the current behavior?
When call stylesheet.use() - styles added on to a page in order as they were added - one after previous

If the current behavior is a bug, please provide the steps to reproduce.

What is the expected behavior?
React has a reverse order of calling the component (style.use() called into each component in our project) so there may be a conflict of style overrides.
Styles should be inserted in reversed order - one before previous

If this is a feature request, what is motivation or use case for changing the behavior?
there is no any other ability to control the insertion order of styles

Please mention other relevant information such as your webpack version, Node.js version and Operating System.
"webpack": "4.8.1",
"style-loader": "^0.21.0",
node: 10.0.0
OS: Windows Server 2008R2

[alexander-akait]

@budarin I think it is out of scope style-loader, please create minimum reproducible repo with steps in readme (actual and expected behavior). Thanks!

[budarin]

Hi!

here it's repo, please try

I would prefer to add one parameter to use()/ref(0 method - direction (to add above or under the last style tag)

[budarin]

@evilebottnawi
I'm sorry, but is there any news?

[budarin]

Hi!
are there any solutions to this problem?

You can simply solve this problem with addin an empty stylesheet with an id and inserting new styles just after it (when insertAt='bottom' & order='reverse') and just add styles on the top of page's head (when insertAt='top' & order='reverse')

[budarin]

is there anyone here?

[alexander-akait]

@budarin no right now, refactoring style-loader will be after holidays and we can solve this

[alexander-akait]

Anyway feel free to send a PR with PoC for better communication and implementation

[budarin]

thanks for good news :)