Mini-css-extract-plugin: SSR; all extracted CSS is loaded, load on demand not working

[Avcajaraville]

This is a follow up of issue #90.

I created a simple repository to illustrate the issue.

Please, npm install && npm start, then go to localhost:3000

If you inspect the requested CSS, you can see all of the extracted CSS loaded, which is not the actual desired:

This css contains styles for /about page, even though we are not on the about page:

CSS for /about & /test routes should be lazy loaded once we visit those routes, not before.

The desired behavior is to have this CSS loaded only when visiting the correct routes and not before.

[alexander-akait]

@Avcajaraville can you create simple example, without vue-loader? Looks problem not related to plugin directly.

[Avcajaraville]

@evilebottnawi I cant remove vue-loader, if I do, none of my setup makes sense, as its a fully vue project and all the files are vue files.

[jimblue]

Hi @evilebottnawi,

Any update about this issue?

[alexander-akait]

Can't reproduce only one CSS was loaded, I think it was bug in vue-loader or something else

Also related https://github.com/nuxt/nuxt.js/issues/3943

[Avcajaraville]

Thanks for your support and interest @alexander-akait