当前位置: 首页 > news >正文

vue3.0 + vite:中使用 sass

1、安装依赖

npm i sass sass-loader --save-dev

在项目的src/assets文件夹下新建style/index.scss 文件
在这里插入图片描述
2、在 vite.config.ts 中加:
在这里插入图片描述

resolve: {alias: {'@': fileURLToPath(new URL('./src', import.meta.url))}
},
css: {// 配置 SCSS 支持preprocessorOptions: {scss: {additionalData: `@use "@/assets/index.scss" as *;`}}
}

3、在组件再直接引用即可
在这里插入图片描述

http://www.lryc.cn/news/462933.html

相关文章:

  • 搭建`mongodb`副本集-开启权限认证 mongo:7.0.5
  • 智能工厂的软件设计 由“原力“篇引发的思考: 回顾、展望和本位 之2 修订稿之2
  • 2025选题推荐|基于SpringBoot的幼儿园智能管理与监控系统的设计与实现
  • mqtt客户端订阅一直重复连接?
  • SegFormer: 一个基于Transformer的高效视觉图像分割算法
  • SoC芯片中Clock Gen和Reset Gen的时钟树综合
  • 学习资料:电子标签拣货技术
  • Git 提交规范参考
  • 【前端】Matter:物体的高级控制
  • ASP.NET Core 路由规则 MapControllerRoute、MapDefaultControllerRoute、MapController
  • linux命令之less用法
  • 试用cursor的简单的记录
  • 下载Edge/Chrome浏览器主题的背景图片
  • Python解力扣算法题4(基础)
  • 鸿蒙NEXT开发-网络管理(基于最新api12稳定版)
  • 【LeetCode每日一题】——1413.逐步求和得到正数的最小值
  • 音频分割:长语音音频 分割为 短语音音频 - python 实现
  • 【Echarts动态排序图,series使用背景色更新动画,背景底色不同步跟随柱子动画】大家有没有解决方案
  • FLINK SQL 元数据持久化扩展
  • MySQL【知识改变命运】04
  • AD9680(adc直采芯片)使用说明
  • 无人机之位置信息计算篇
  • 安卓cpu知识
  • 图书管理新纪元:Spring Boot进销存系统
  • Application protocol
  • 金融信用评分卡建模项目:AI辅助
  • java对接GPT 快速入门
  • 微信小程序引入组件教程
  • STM32—SPI通信外设
  • Ubuntu:用户不在sudoers文件中