【Electron】 Vite项目 初始配置 scss


pnpm add -D sass

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

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

import './styles/main.scss'

测试scss是否生效:

styles/mian.scss

:root{
    --mian:red;
}

App.vue

<template>
  <div>你好</div>
</template>

<style lang="scss" scoped>
div {
  color: var(--mian);
}
</style>

相关推荐

  1. Nest.js项目初始配置

    2024-01-13 11:34:05       15 阅读
  2. webpack配置scss loader

    2024-01-13 11:34:05       45 阅读
  3. scss配置主题

    2024-01-13 11:34:05       28 阅读
  4. Vue项目自动注入less、sassscss、stylus全局变量

    2024-01-13 11:34:05       11 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-13 11:34:05       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-13 11:34:05       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-13 11:34:05       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-13 11:34:05       20 阅读

热门阅读

  1. 鸿蒙系列--Http

    2024-01-13 11:34:05       33 阅读
  2. 常见的HTTP接口超时问题出现原因及解决办法

    2024-01-13 11:34:05       42 阅读
  3. Elasticsearch本地单机配置以及php组件使用记录

    2024-01-13 11:34:05       38 阅读
  4. Github Copilot 的使用方法和快捷键

    2024-01-13 11:34:05       53 阅读
  5. linux线程

    2024-01-13 11:34:05       30 阅读
  6. 初始化网络的权重和偏置的方法有哪些?

    2024-01-13 11:34:05       37 阅读
  7. erp项目基本概念理解

    2024-01-13 11:34:05       35 阅读
  8. SQL 语言详解

    2024-01-13 11:34:05       34 阅读
  9. JVM相关问题及答案(2024)

    2024-01-13 11:34:05       29 阅读
  10. 微服务治理:为什么要分析微服务的依赖关系?

    2024-01-13 11:34:05       34 阅读
  11. Qt中的多线程

    2024-01-13 11:34:05       27 阅读
  12. 【菜鸡常见网络问题汇总】之:网络丢包

    2024-01-13 11:34:05       35 阅读