【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>
相关推荐
程序员小李白几秒前
Vue 组件通信 极简速记版
前端·javascript·vue.js
光影少年几秒前
跨域问题如何解决?
前端·nginx·前端框架
C澒2 分钟前
微前端容器标准化 —— 公共能力篇:通用监控能力
前端·架构
念念不忘 必有回响3 分钟前
Next.js 14-16 全栈开发实战:从 App Router 核心原理到 Server Actions 深度剖析
前端·nextjs
英俊潇洒美少年4 分钟前
React 16 → 17 → 18 → 19 完整区别
前端·javascript·react.js
你会发光哎u4 分钟前
了解React并解析JSX语法
前端·react.js·前端框架
533_6 分钟前
[vxe-table el-tree] 树表格:选中子节点,父节点无影响;选中父节点,子节点被选中,el-tree也同理
前端·javascript·vue.js
英俊潇洒美少年10 分钟前
Vue2 和 Vue3 所有区别
前端·javascript·vue.js
一个写bug的人12 分钟前
elementui中表格的表头固定 侧边列表固定 滚动条在头部 且使用鼠标滚轮横向时 可同步给顶部滚动条
前端·javascript·elementui
llxxyy卢15 分钟前
polar春季赛web题目
前端·web安全