Nuxt.js CSS 配置

CSS 配置

在 Nuxtjs 里配置全局的 CSS 文件、模塊、庫(kù)。 (每個(gè)頁(yè)面都會(huì)被引入)

如果要使用 ?sass ?就必須要安裝 ?node-sass? 和 ?sass-loader? 。

npm install --save-dev node-sass sass-loader

在 ?nuxt.conf.js? 中，添加要使用的 ?CSS ?資源：

• Type: Array
• Items: string

module.exports = {
  css: [
    // 直接加載一個(gè) Node.js 模塊。（在這里它是一個(gè) Sass 文件）
    'bulma',
    // 項(xiàng)目里要用的 CSS 文件
    '@/assets/css/main.css',
    // 項(xiàng)目里要使用的 SCSS 文件
    '@/assets/css/main.scss'
  ]
}

?Nuxt?.js 會(huì)自動(dòng)識(shí)別被導(dǎo)入文件的擴(kuò)展名，之后，?webpack? 會(huì)使用相應(yīng)的預(yù)處理器進(jìn)行處理。前提是，你安裝了對(duì)應(yīng)預(yù)處理器。