From my understanding, Nuxt builds everything into a single .CSS file as the output. Which is then used on all pages. We can define (S)CSS files/modules to be used site wide. And we can define (S)CSS files page/component specific.
But as far as I see, even if we specify @import on each page/component, eventually during production build everything gets merged into a single .CSS to be used on all pages.
In Vue.js without Nuxt, every page/view loads only the (S)CSS specified for the connected components. Given the static output of Nuxt, is it possible to achieve something like this within Nuxt and/or with Webpack?
<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c236">#c236</a>)</em></sub></div>