Nuxt.js: How Move Global Css From Style Tag To Css File

I'm confused with the Nuxt.js SCSS compilation... I have the assets folder and it has two SCSS files included in nuxt.config.js: // Global CSS (https://go.nuxtjs.dev/config-css)

Solution 1:

You can use the extractCSS build option to extract all your CSS assets into separate files (usually one per component) and allows you to put in cache each CSS file:

// nuxt.config.js

export default {
  build: {
    extractCSS: true
  }
}