【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>
相关推荐
GIS之路19 小时前
GDAL 读取KML数据
前端
今天不要写bug19 小时前
vue项目基于vue-cropper实现图片裁剪与图片压缩
前端·javascript·vue.js·typescript
用户479492835691519 小时前
记住这张时间线图,你再也不会乱用 useEffect / useLayoutEffect
前端·react.js
咬人喵喵20 小时前
14 类圣诞核心 SVG 交互方案拆解(附案例 + 资源)
开发语言·前端·javascript
问君能有几多愁~20 小时前
C++ 日志实现
java·前端·c++
咬人喵喵20 小时前
CSS 盒子模型:万物皆是盒子
前端·css
2401_8603195220 小时前
DevUI组件库实战:从入门到企业级应用的深度探索,如何快速应用各种组件
前端·前端框架
韩曙亮20 小时前
【Web APIs】元素滚动 scroll 系列属性 ② ( 右侧固定侧边栏 )
前端·javascript·bom·window·web apis·pageyoffset
珑墨20 小时前
【浏览器】页面加载原理详解
前端·javascript·c++·node.js·edge浏览器