全局使用scss变量

wuchangjian2021-11-03 12:00:24编程学习
// vue.config.js
module.exports = { 
  css: {
    loaderOptions: {
      scss: {
        prependData:  `@import "@/assets/css/mainTheme.scss";`, //这样就可以全局使用mainTheme的变量,不用每个页面引入
      },
    },
  },
};

sass-loader版本不同,loaderOptions中additionalData的键名也不同

sass-loader v8-, 选项名是'data'
sass-loader v8,选项名是'prependData'
sass-loader v10+,选项名是'additionalData'

相关文章

GBase8a子查询条件内推的优化机制的适用范围

内层子查询没有 groupby 、 start_with , connec...

React开发(270):react控制传参

const { birthday, departureTime, entryT...

家乐福长沙贺龙店即将闭店?回应:门店正做规划调整

家乐福长沙贺龙店即将闭店?回应:门店正做规划调整

2022-08-17 21:37:49 几日来,家乐福长沙贺龙店即将闭...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。