scss less 变量混入

1.通过使用vue-cli-plugin-style-resources-loader

前提：导入sass-loader以及node-sass依赖

npm install -D sass-loader node-sass

vue add style-resources-loader //安装失败多来几次 换源都试试

2.配置相关文件（vue.config.js）

const path = require('path')
module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      'preProcessor': 'scss',
      'patterns': [
        //请注意目录
        path.resolve(__dirname, './src/styles/abstracts/*.scss'),//导入的scss文件的路径
      ]
    }
  }
}