Wie in nuxt js Projekt css umfassen

Question

In my nuxt.config.js I added this: 

module.exports = { 
    head: { 
     css: [ 
      'bulma/css/bulma.css', 
      "HTML_design/libs/fancybox/jquery.fancybox.css", 
      "HTML_design/libs/owl-carousel/assets/owl.carousel.css", 
      "HTML_design/style.css", 
      {src: "~/assets/css/style.css", lang: 'css'} 
     ] 

    } 
}; 

ich verschiedene Methoden der Verbindung verwendet haben, aber keiner hat

In meinem packege.json

{ 
    "name": "mynuxt", 
    "version": "1.0.0", 
    "description": "", 
    "main": "index.js", 
    "scripts": { 
    "dev": "nuxt", 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "author": "", 
    "license": "ISC", 
    "dependencies": { 
    "axios": "^0.16.2", 
    "bulma": "^0.5.1", 
    "nuxt": "^1.0.0-rc4", 
    "vue-style-loader": "^3.0.1" 
    } 
} 

Aber in der Konsole in meinem Browser geholfen, Ich kann die verbundenen CSS-Dateien nicht sehen. Was soll ich tun?

Answer 1

Weil Ihre Konfiguration ist falsch. Überprüfen Sie das folgende Beispiel:

module.exports = { 
    head: { 
     // NOT here 
    }, 
    css: [ 
     'bulma/css/bulma.css', 
     '~/assets/css/style.css' 
    ] 
} 

Answer 2

Sie können die Ressource Registerkarte überprüfen, um zu sehen, ob es geladen wird.

Answer 3

Version von nuxt muss kleiner sein als^1.0.0-RC4