【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>
相关推荐
爱隐身的官人几秒前
爬虫基础学习-爬取网页项目(二)
前端·爬虫·python·学习
Jackson@ML31 分钟前
使用字节旗下的TREA IDE快速开发Web应用程序
前端·ide·trea
烛阴3 小时前
解锁 TypeScript 的元编程魔法:从 `extends` 到 `infer` 的条件类型之旅
前端·javascript·typescript
前端开发爱好者4 小时前
弃用 ESLint + Prettier!快 35 倍的 AI 格式化神器!
前端·javascript·vue.js
vivi_and_qiao4 小时前
HTML的form表单
java·前端·html
骑驴看星星a4 小时前
Vue中的scoped属性
前端·javascript·vue.js
四月_h5 小时前
在 Vue 3 + TypeScript 项目中实现主题切换功能
前端·vue.js·typescript
qq_427506085 小时前
vue3写一个简单的时间轴组件
前端·javascript·vue.js
雨枪幻。6 小时前
spring boot开发:一些基础知识
开发语言·前端·javascript
lecepin6 小时前
AI Coding 资讯 2025.8.27
前端·ai编程