全局使用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'

相关文章

练习-Java循环综合练习二之哥德巴赫猜想

本题使用了isPrime()函数,如果整数是素数,返回Tru...

文件读入读出(序列化)

()方便自己以后复习查看使用 (1)先看将写的程序读入文件(序列化过程) 用处理流O...

游戏DEX+NFT:DeFi Kingdoms的详细介绍

游戏DEX+NFT:DeFi Kingdoms的详细介绍

游戏概述 DeFi Kingdoms是基于Harmony Protocol区块...

发表评论    

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