技术栈

【Vue】Vue3 配置全局 scss 变量

努力挣钱的小鑫2023-11-30 0:31

variables.scss

css 复制代码
$color: #0c8ce9;

vite.config.ts

ts 复制代码
    // 全局css变量
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: `@import "@/styles/variables.scss";`,
        },
      },
    },

.vue 文件使用

上一篇:python服装电商系统vue购物商城django-pycharm毕业设计项目推荐
下一篇:网络运维与网络安全 学习笔记2023.11.21
相关推荐
Profile排查笔记
6 分钟前
指纹浏览器环境异常排查:Fingerprint、Profile、Proxy、Session 和 Task Log 怎么看
前端·人工智能·后端·自动化
京韵养生记
8 分钟前
【无标题】
java·服务器·前端
大气的小蜜蜂
1 小时前
领域层的服务
java·前端·数据库
星栈
1 小时前
LiveView 的 LiveComponent:比 React 组件更轻,但我一开始真的把它用错了
前端·前端框架·elixir
林希_Rachel_傻希希
1 小时前
web性能优化之延迟加载图片和<inframe>
前端·javascript·面试
maxmaxma
1 小时前
Konva 从入门到实践 - day1
前端
火星校尉
1 小时前
一场数据基建与消费场景的跨界实验
java·前端·数据库·python·php
W是笔名
2 小时前
python_let`s try it 6___BMI计算器
java·前端·python
risc123456
2 小时前
Lucene80DocValuesConsumer 五种类型源码阅读顺序
java·服务器·前端
小米渣的逆袭
2 小时前
Chrome Extension Script World(ISOLATED / MAIN)原理与适用场景
前端·javascript·chrome
热门推荐
012026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf02GitHub 镜像站点03AI科技热点日报 | 2026年07月01日04【AI】2026 年具身智能模型和世界模型总结052026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?062026 年 AI 大模型 & AI 编程工具实战全总结072026年6月AI大模型全景报告:GPT-5.6、Claude Opus 4.8、Gemini 3.5,中美AI三足鼎立谁主沉浮?08Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析09Agnes AI 免费 API 接入指南:文本、生图、生视频,一套接口全免费102026 AI 编程工具选型横评:Cursor / Claude Code / Trae / Copilot 到底选谁(建议收藏·避坑版)