vue/cli 使用scss 配置全局颜色

vue/cli 使用scss 配置全局颜色

先在src文件夹内创建style文件，再创建style.scss

src/style/style.scss

$red:#ff0fff;

在vue.config.js中添加下边代码

module.exports = {
    // ...   //其他代码

    css: {
        loaderOptions: {
            sass: {
                prependData: `
                   @import "@/style/style.scss";//@指向src目录
             `
            }
        }
    }
}

最后在代码中调用

.se{
  color:$red;
}