技术栈

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数据的导出
相关推荐
用户6937175001384
32 分钟前
Kimi K3 综合能力处于全球第一梯队
android·前端·后端
anno
1 小时前
Agent 新手 Skill 优先级指南:从第一套必装工作流,到专业能力补全
前端·后端
Liora_Yvonne
1 小时前
前端请求层到底怎么封?为什么全局 axios 单例越用越难维护
前端
anno
1 小时前
别再把文档“一刀切”:用 LangChain.js 做好 RAG 的第一公里
前端·后端
皮卡穆
1 小时前
React 中使用 react-org-tree 实现组织结构树
前端·react.js·前端框架
MariaH
1 小时前
费曼学习法与effort-learning理论
前端
qiaofugui
1 小时前
如何用 Codex 做一次可靠的项目重构:方法、节奏和可复用提示词
前端
涛涛ing
1 小时前
前端圈7月大地震:TS 7发布、Bun 11天从Zig迁Rust、Kimi K3登顶、大厂裁员50%
前端
遇乐的果园
1 小时前
前端学习笔记-vue列表处理
前端·vue.js·学习
热门推荐
012026年7月AI圈大地震:GPT-5.6被政府限制、Claude入驻Slack、Anthropic自研芯片02GitHub 镜像站点03AI科技热点日报 | 2026年07月01日04幻兽帕鲁 - 服务器管理员权限与 GM 命令完全指南05AI 编程 IDE 全景解析 2026:Agent 全面接管开发链路06国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)07Codex 下载安装指南:Windows 和 macOS 官方版下载082026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?092026 年 AI 大模型 & AI 编程工具实战全总结10全面体验 Grok API 中转站(2025 · Grok 4 系列最新版)