如何包括nuxt JS項目CSS

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'} 
     ] 

    } 
};

我用連接的幾種方法，但沒有幫助如何包括nuxt JS項目CSS

在我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" 
    } 
}

但在我的瀏覽器控制檯，我看不到連接的css文件。我該怎麼做？

enter image description here

來源

2017-08-16 Jussia

因爲你的配置是錯誤的。檢查下面的例子：

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

來源

2017-08-30 21:39:11 Mesut

可以簽出資源標籤，看它是否被加載。

來源

2017-08-16 07:45:56

在我的截圖你可以看到，該css文件不加載 – Jussia

nuxt的版本必須小於^ 1.0.0-rc4

來源

2017-08-16 14:42:36 Jussia

如何包括nuxt JS項目CSS

回答

相關問題