How to get rid of thousands of style lines in nuxt project?

Question

Vue.js

Good day. When looking at the html source code, the lines start... with 18521.
Before that, 17000 lines are about styles-styles and styles ...
Shouldn't this be assembled out of the box into a conditional app.css?
This is the first time I've encountered such nonsense.

Answer 1

To do this, you need to install some kind of css extract plugin for the webpack, then the styles will be pulled out. By default, it is already there, maybe someone turned it off, it happens that these plugins break the layout if there are jambs in the styles.

Answer 2

Partially solved by adding to nuxt config

build {
extractCSS: true 
}

500 lines left)