Nuxt.js CSS 配置

2022-03-03 15:40 更新

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 會自動識別被導入文件的擴展名,之后,?webpack? 會使用相應的預處理器進行處理。前提是,你安裝了對應預處理器。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號