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

相关推荐
CopyCode8 分钟前
Agent 开发不是模型训练:一个前端的入门认知
前端·llm·agent
吠品18 分钟前
HTTPS 真身:HTTP 套了层 TLS
java·服务器·前端
JYeontu21 分钟前
实现一个「曲线滑块验证」功能
前端·javascript·html
Csvn22 分钟前
组件库(从 API 契约到 Headless 内核)
前端
deli00736 分钟前
为什么最近邻路线总在绕远?2-opt 把 50 城 TSP 缩短了 20.9%
前端
guslegend40 分钟前
底层数据设计:读写分离、分库分表与热点数据隔离
前端
Southern Wind42 分钟前
AIAgent——第一章:本地 Agent 与 Vue 3 流式全栈实战
前端·javascript·vue.js
可乐鸡翅yeah_1 小时前
HLS 业务 Referer‑Policy 网页元标签引发播放异常排错
前端·javascript·网络·ffmpeg·php·音视频
jj_ccwgw1 小时前
从 0 到 1 搭建 pnpm + Workspaces + Turborepo Monorepo 保姆级指南
前端·node.js
智驭未来掌门人1 小时前
AI编程时代的设计系统落地指南:从分类选型到项目实战
前端