【Electron】 Vite项目 初始配置 scss

pnpm add -D sass

src下面创建 styles/main.scss 文件

mian.ts 内引入 ./styles.scss 文件

TypeScript 复制代码
import './styles/main.scss'

测试scss是否生效:

styles/mian.scss

css 复制代码
:root{
    --mian:red;
}

App.vue

html 复制代码
<template>
  <div>你好</div>
</template>

<style lang="scss" scoped>
div {
  color: var(--mian);
}
</style>
相关推荐
ℋᙚᵐⁱᒻᵉ鲸落2 小时前
ETypeError: nameRef.value?.focus is not a functio. 设置el-input自动聚焦时报错
前端·javascript·vue.js·elementui
JavaGuide2 小时前
为什么越来越多人放弃 Claude Code 转而用 Pi?
前端·后端
SEO_juper2 小时前
2026年用Python检查多语言站点hreflang:自动揪出“回链缺失/标错语言“等致命错误(附完整代码)
开发语言·前端·seo·独立站·谷歌优化
+VX:Fegn089511 小时前
计算机毕业设计|基于springboot + vue蛋糕店管理系统(源码+数据库+文档)
前端·数据库·vue.js·spring boot·课程设计
Nicander13 小时前
我给 Excalidraw 做了一个本地工作区:DrawSpace
前端·开源
linux_cfan15 小时前
17 · 引擎适配器全景:HLS/DASH/Vimeo/Mux/Cast
前端·javascript·音视频
计算机魔术师15 小时前
烧掉2780亿美元还不够?OpenAI的资本豪赌让人头皮发麻
前端
IT_陈寒16 小时前
Java线程池用错参数,我的服务居然悄悄崩溃了
前端·人工智能·后端
卡布鲁16 小时前
React useMemo 与 useCallback 完全指南:原理、场景与避坑
前端·react.js
碳基修炼16 小时前
排查记:本地 devServer 是 http,浏览器却把 302 重定向升级成了 https
前端·http