How to output css files as .css files instead of inline <style> in nuxt.js?

Question

How can I convert inline-CSS to CSS-files in nuxt.js? I have both scoped styles and global scss file in my app. I have already tried below code but no luck.

build: {
    optimization: {
      splitChunks: {
        chunks: 'all',
        automaticNameDelimiter: '.',
        name: 'rameez',
        cacheGroups: {}
      }
    },
    optimizeCSS:true
  }

here you can see all the CSS including my global.scss is shown as an inline style.

Answer 1

You are looking for extractCss property i think

build:{
    extractCSS: true
}