Nuxt.js CSS 配置

CSS 配置

在 Nuxtjs 里配置全局的 CSS 文件、模塊、庫。 (每個頁面都會被引入)

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

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

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

• Type: Array
• Items: string

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

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