style-loader
style-loader copied to clipboard
webpack-contrib
style-loader/useable: There is a need to be able to control the order of inserting styles.
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
@budarin I think it is out of scope style-loader, please create minimum reproducible repo with steps in readme (actual and expected behavior). Thanks!
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)
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 no right now, refactoring style-loader will be after holidays and we can solve this
Anyway feel free to send a PR with PoC for better communication and implementation
I think we need new api for this case, let's do it for 2.0.0, anyway feel free to send a PR if you need this as soon as possible
