nuxt.js中如何在全局引入scss的变量声明

Question

我发现在vue-cli中可以通过以下方式引入scss的变量声明
在build/utils.js中添加以下代码

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

我查找了相关api，但没找到配置项，如何nuxt.js中怎么全局引入scss的变量声明。

Answer 1

在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`属性外
  }
}

}
}

Answer 2

一直用 postcss 没用过 scss, 在nuxt下.
你可以考虑下面
官方文档 试试
https://zh.nuxtjs.org/api/con...