nuxt.js add css file

Question

I've created nuxt project vue init nuxt/starter <project-name>

In my nuxt.config.js I added this:

css: [
        { src: '~assets/css/style.css', lang: 'css' }
    ]

and in my assets/css folder I have style.css with

body {
    background: black!important;
}

But nothing happens with no errors on console. what to I do?

I just tested and it works fine me... What version of Nuxt do you use ? — Nicolas Pennec
– Nicolas Pennec, Commented Aug 2, 2017 at 23:16

Jussia · Accepted Answer · 2017-08-16 15:02:38Z

9

you must add to nuxt.config.js

build: {
        extractCSS: true
    }

For example,

css: [
        { src: '~assets/css/style.css', lang: 'css' }
    ],
build: {
            extractCSS: true
        }

And use nuxt v0.10.6

answered Aug 16, 2017 at 15:02

Jussia

3051 silver badge13 bronze badges

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

2 Comments

This is what I was looking for! However, where in the documentation is written about extractCSS? Please indicate to me.