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.

Rameez Rami · Accepted Answer · 2019-03-05 08:47:33Z

8

You are looking for extractCss property i think

build:{
    extractCSS: true
}

edited Mar 5, 2019 at 8:47

Rameez Rami

5,7682 gold badges33 silver badges39 bronze badges

answered Mar 5, 2019 at 7:58

Aldarund

17.6k6 gold badges76 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Rameez Rami Over a year ago

I was already using extractCSS: true but was checking the output in dev mode.. that made me confuse, I think it extracts CSS in prod mode by default. anyway thanks.

Aldarund Over a year ago

@RameezRami yes, it wont work on dev. But no, on prod it default to false too, u need to set it yourself

Rameez Rami Over a year ago

yes that's why I said I was already using extractCSS: true :)

Collectives™ on Stack Overflow

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

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related