美文网首页
全局引入varibale.scss(里面定义的是变量)

全局引入varibale.scss(里面定义的是变量)

作者: FM_0138 | 来源:发表于2023-11-29 16:10 被阅读0次

vue.config.js 中 全局 scss 使用如下配置, 这样就可以全局使用里面定义的变量了, 不用每个文件都导入(注意也不用在main.js中导入, 不然会报错)
当然也可单个文件引入, 如果varibale.scss里面定义的是class 只在main.js中引入就可以了, 不用配置vue.config.js

module.exports = defineConfig({
  css: {
    loaderOptions: {
      scss: {
        additionalData: `@import "@/assets/css/varibale.scss";` // 具体要引入的路径
      },
      sass: {
        additionalData: `@import "@/assets/css/varibale.scss";` // 具体要引入的路径
        
      }
    }
  }
});

相关文章

  • 微信小程序之全局变量(globalData)的定义和调用

    一、在小程序文件app.js里面定义全局变量 二、在页面上使用或修改在页面中引入 改变全局变量值

  • 全局及局部变量,预编译

    全局变量:在全局定义的变量局部变量:在局部定义的变量,也称函数里面定义的变量函数里面的能访问外面的 外面的不能访...

  • day01-JS

    0、js引入方式和打印方式 四种引入方式 三种打印方式 01函数 (1)全局变量和局部变量全局变量:直接定义的变量...

  • Go 学习笔记 基础语法 变量

    定义包内变量(Go语言里面没有全局变量) 函数内定义变量 定义常量 const 枚举类型

  • vue 全局引入common.less

    全局引入common.less,并全局使用里面的变量,默认是不行的,只能每个文件去引入后来找个文章vue-cli中...

  • 小程序全局变量

    在app.js里面定义全局变量 在要用到全局变量的某个js文件中

  • Vue Cli3.0 全局引入 less 变量

    Vue Cli3.0 全局引入 less 变量 首先定义一个全局 less 样式文件,eg: global.les...

  • PHP 全局变量 - 超全局变量

    超全局变量 在 PHP 4.1.0 中引入,是在全部作用域中始终可用的内置变量。PHP 中的许多预定义变量都是“超...

  • uniapp实现全局变量

    1.引入外部js文件引入全局常量-组件引用全局变量 2.main.js入口文件挂载全局变量-this引用全局变量m...

  • PHP 全局变量 - 超全局变量

    超全局变量 在 PHP 4.1.0 中引入,是在全部作用域中始终可用的内置变量。 PHP 全局变量 - 超全局变量...

网友评论

      本文标题:全局引入varibale.scss(里面定义的是变量)

      本文链接:https://www.haomeiwen.com/subject/oodfgdtx.html