What style-loaders expects as input? about style-loader HOT 5 OPEN

Pipeline is simple CSS -> JS -> Apply styles to DOM

• css-loader track url()/import and convert it to import ... from ..., also if you use CSS modules your classes will be hashed and exported from generated JS files, css-loader returns array of styles like ['module-name.css', '.class { color: red }', 'source-map'] (there are more fields, just simplified for example)
• style-loader just get exported array and apply them to DOM + add code for hot module reloading, so you don't reload page when you changes styles

In other hard - mini-css-extract-plugin gets array and create CSS files, so you can use <link>, also if you have async CSS plugin generates JS code for loading them

from style-loader.

Pipeline is simple CSS -> JS -> Apply styles to DOM

• css-loader track url()/import and convert it to import ... from ..., also if you use CSS modules your classes will be hashed and exported from generated JS files, css-loader returns array of styles like ['module-name.css', '.class { color: red }', 'source-map'] (there are more fields, just simplified for example)
• style-loader just get exported array and apply them to DOM + add code for hot module reloading, so you don't reload page when you changes styles

In other hard - mini-css-extract-plugin gets array and create CSS files, so you can use <link>, also if you have async CSS plugin generates JS code for loading them

Thank you,
Still, I think if this could be added to the docs somewhere (like a separate "How it works" section) along with a simple example it would be nice and more understandable.

from style-loader.

@nyngwang Yeah, feel free to send a PR to our docs, still not documented

from style-loader.

So if you need another logic than apply styles to DOM you can use own loader, but it is rare or specific usage

from style-loader.

@alexander-akait Is this one added? If so then this can be closed. If not, I can help update the website of webpack later this/next month.

from style-loader.