技术栈

vue3.0 + vite:中使用 sass

天外天-亮2024-10-14 8:37

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、在组件再直接引用即可

上一篇:致阿里云:我有一个小需求,请帮忙去掉AI助手
下一篇:MySQL数据的导出
相关推荐
剪刀石头布啊
13 分钟前
vue-react为何要虚拟dom
前端
剪刀石头布啊
15 分钟前
ahooks常用的一些库,我们使用一下
前端
剪刀石头布啊
17 分钟前
从git更新本地提交记录到更新已经推送到远端记录
前端
Flynt
2 小时前
axios 被投毒半年后,我把 npm 的"安全防线"实测了一遍:最信任的 SHA512 是安慰剂
前端·npm·node.js
excel
3 小时前
Base62 和 Base64 有什么区别?
前端
风骏时光牛马
4 小时前
大模型底层架构与AI源码深度剖析
前端
掘金挖土
5 小时前
前端手摸手跑路之 AI 应用开发(九)
前端·后端
中文呀
7 小时前
三维 GIS 离线缓存实战:逆向 CesiumOfflineCache,并亲手为它补上"自动更新"能力
前端
前进前进前进
8 小时前
TRAE 全链路实战:做了一个警示牌一键生成器:纯 Canvas、单文件、零依赖
前端
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02「全语录+省流版」邵艾伦 × 孙宇晨:聊风口、聊个人IP、聊年轻人如何抓住 AI 时代的机会03如何新建文件夹? 电脑新建文件夹的4种方法04GitHub 镜像站点05历年考研数学一、数学二、数学三真题试卷及答案PDF06几个好用的ip纯净度检测网站07苹果iPA游戏软件资源下载网站08Windows 10/11 如何退出微软账户并改用本地账户登录(含找不到选项的解决方法)09蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接10Telegram APK 下载安装完整指南 — 2026年最新