Home

Issue: 269

Page/Component specific (S)CSS export / use

[issue link]

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?

This question is available on Nuxt.js community (#c236)