vue.config.js配置scss

首先下载好scss对应的版本

style/index.scss

$Color:#FFFFFF;

main.js

import './style/index.scss'

vue.config.js

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        prependData: `@import "@/style/public.scss";`
      }
    }
  }
}

使用

 <div class="text">111</div>

 .text{
    color:$Color;
  }