【Vue】Vue3 配置全局 scss 变量

variables.scss

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

vite.config.ts

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

.vue 文件使用

相关推荐
kgduu7 分钟前
js之错误处理
开发语言·前端·javascript
德莱厄斯7 分钟前
Milkup 技术内幕:一个 Typora 风格的即时渲染 Markdown 编辑器是怎样炼成的
前端·javascript·markdown
Mintopia17 分钟前
架构师的心胸:把分歧装进系统,把人放在方案前
前端·架构
亿元程序员18 分钟前
不是说现在AI很牛吗,怎么连个高光Shader效果都写不好?
前端
孟祥_成都22 分钟前
金三银四,一个面试官连连夸赞的个人网页技术分享
前端·面试·three.js
兆子龙28 分钟前
Vite 插件系统与构建流水线源码解析:从 Rollup 插件到 HMR
前端
代码老中医34 分钟前
Node_modules 比黑洞还重,我们的硬盘到底做错了什么?
前端
兆子龙34 分钟前
Vue 3 响应式系统 Reactivity 源码深度解析:从 ref 到 effect 的完整链路
前端
Smoothcloud_润云37 分钟前
GORM 事务管理与 Repository 模式完整指南
前端·数据库·代码规范
兆子龙37 分钟前
Turborepo 与 Monorepo 任务调度源码解析:从 DAG 到增量构建
前端·架构