鍍金池/ 問答/HTML/ nuxt.js中如何在全局引入scss的變量聲明

nuxt.js中如何在全局引入scss的變量聲明

我發(fā)現(xiàn)在vue-cli中可以通過以下方式引入scss的變量聲明
在build/utils.js中添加以下代碼

scss: generateLoaders('sass').concat(
  {
    loader: 'sass-resources-loader',
    options: {
      resources: path.resolve(__dirname, '../src/style/_variables.scss')
    }
  }
),

我查找了相關(guān)api，但沒找到配置項，如何nuxt.js中怎么全局引入scss的變量聲明。

回答
編輯回答
拼未來

一直用 postcss 沒用過 scss, 在nuxt下.
你可以考慮下面
官方文檔 試試
https://zh.nuxtjs.org/api/con...

2018年7月13日 16:02
編輯回答
朕略萌

在github里找到解決方法了，注入全局變量和mixins。
https://github.com/nuxt/nuxt....
配置代碼：
build ： {

styleResources ： {
  scss ： ' ./ assets / variables.scss '，
  less ： ' ./assets /* . less '，
   // sass：...，
  // scss：... 
  options ： {
     //參見https://github.com/yenshih/style-resources-loader#options 
    //除`patterns`屬性外
  }
}

}
}

2017年10月20日 23:00