uniapp 配置全局scss/less/sass变量

uniapp 配置全局scss/less/sass变量

根目录新建 vue.config.js文件
vue.config.js

module.exports = {
	css: {
    loaderOptions: {
      sass: {
        prependData: `@import "~@/assets/name.scss";`// 改为自己路径
      },
      scss: {
        prependData: `@import "~@/variables.scss";`  // 改为自己路径
      },
      less:{
        globalVars: {
          primary: '#fff'
        }
      }
    }
  }
}

---

使用 less

let path = require('path');  
let vars = path.resolve(__dirname, 'style/variable.less') // style/variable.less 你的less文件路径 
module.exports = {  
    css: {  
        loaderOptions: {  
            less: {  
                globalVars: {  
                    "hack": `true; @import "${vars}"`  
                }  
            }  
        }  
    }  
}