2017-07-11 2 views
0

Ich habe erstellt nuxt Projekt vue init nuxt/starter <project-name>nuxt.js hinzufügen CSS-Datei

In meinem nuxt.config.js ich das hinzugefügt:

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

und in meinem assets/css-Ordner Ich habe style.css mit

body { 
    background: black!important; 
} 

Aber nichts passiert ohne Fehler auf der Konsole. Was soll ich tun?

+0

ich mich gerade getestet und es funktioniert gut ... Welche Version von Nuxt verwenden Sie? –

+0

Ich benutze nuxt nirgendwo, entschied mich, es nicht zu benutzen – user2950593

Antwort

3

müssen Sie

build: { 
     extractCSS: true 
    } 

Zum Beispiel nuxt.config.js hinzufügen,

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

Und nuxt v0.10.6 verwenden

+0

Dies sollte die akzeptierte Antwort sein. Ich hatte die gleiche Frage, und diese Lösung hat für mich funktioniert. Vielen Dank! – user2954463

+0

Das ist, was ich gesucht habe! Wo aber steht in der Dokumentation über 'extractCSS'? Bitte geben Sie mir an. –

+0

Ich habe gefunden :) https://nuxtjs.org/api/configuration-build#extractcss –