nuxt項目引入 nuxtjs/style-resources module

之前寫過在vue項目中如何引入

style-resources-loader

。今天聊下如何在nuxt項目中引入

style-resources

1. 安裝

@nuxtjs/style-resources

npm i @nuxtjs/style-resources --save
           

2. 修改

nuxt.config.js

export default {
  modules: ['@nuxtjs/style-resources'],
  styleResources: {
    scss: [
      './assets/vars/*.scss', // 自己項目中的樣式檔案的路徑
      './assets/abstracts/_mixins.scss' // use underscore "_" & also file extension ".scss"
      ]
  }
}