当前位置： 首页 > article >正文

全局引用scss文件定义的变量

article 2025/3/12 22:44:14

在vite.config.ts文件中写如下代码

css: {
   preprocessorOptions: {
        scss: {
            additionalData: `@use "@/assets/styles/index.scss";`,//这一句
            javascriptEnabled: true
        }
    }
}

在scss文件中定义变量

$color:#000;

在其他文件引用变量

<style lang="scss" scoped>

.text{
    color:index.$color;
}
</style>

http://www.kler.cn/a/581939.html

相关文章：

  • JavaScript与UniApp、Vue、React的关系
  • 【RabbitMQ】事务
  • 车间图纸安全传输需要注意什么？
  • PostgreSQL - Windows PostgreSQL 卸载
  • 物联网IoT系列之MQTT协议基础知识
  • 入门到入土，Java学习 day16（算法1）
  • Spring 源码硬核解析系列专题（十三）：Spring Cache 的缓存抽象源码解析
  • 2025-03-11 学习记录--C/C++-C-返回字符串t在字符串s中首次或最后一次出现的位置、返回字符串s中第一个匹配或不匹配字符串t中任意字符的位置
  • 使用 Docker 和 Nginx 实现反向代理：统一端口路由多服务的完整指南
  • Data Science Agent in Colab完全指南：AI驱动的智能数据分析助手
  • 网络安全linux命令
  • 记一次Spring Boot应用中数据库连接阻塞问题排查过程
  • AI Agent开发框架分析：前端视角
  • GStreamer —— 2.18、Windows下Qt加载GStreamer库后运行 - “播放教程 6：音频可视化“（附：完整源码）
  • 使用格式工厂提取视频中的音频
  • 智慧停车小程序：实时车位查询、导航与费用结算一体化
  • Docker换源加速(更换镜像源)详细教程（2025.2最新可用镜像，全网最详细）
  • 科技职场与文化的未来：2025年ISACA全球研究报告解读
  • 数据结构和算法--仅仅用于理解里面的术语，入门级别
  • RK3568平台开发系列讲解（内核篇）Linux kbuild编译系统