技术栈

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数据的导出
相关推荐
阿珊和她的猫
6 小时前
前端应用首屏加载速度优化全攻略
前端·状态模式
Mike_jia
7 小时前
LiteOps:轻量级CI/CD平台,重塑开发运维新体验
前端
浮游本尊
8 小时前
React 18.x 学习计划 - 第十四天:实战整合与进阶收尾
前端·学习·react.js
_Eleven
12 小时前
Tailwind CSS vs UnoCSS 深度对比
前端
NEXT06
12 小时前
TCP 与 UDP 核心差异及面试高分指南
前端·网络协议·面试
qq_2421886332
12 小时前
HTML 全屏烟花网页
前端·html
码云数智-大飞
13 小时前
前端性能优化全链路实战:从加载速度到渲染效率的极致提速方案
前端·性能优化
锅包一切
13 小时前
【蓝桥杯JavaScript基础入门】一、JavaScript基础
开发语言·前端·javascript·蓝桥杯
NEXT06
13 小时前
HTTP 协议演进史:从 1.0 到 2.0
前端·网络协议·面试
热门推荐
01从零搭建一个 PHP 登录注册系统(含完整源码)02GitHub 镜像站点03使用 1panel面板 部署 php网站04AI Agent 平台横评:ZeroClaw vs OpenClaw vs Nanobot05openClaw安装飞书插件|核心踩坑:spawn EINVAL 错误终极解决指南06MIUI显示/隐藏5G开关的方法,信号弱时开启手机Wifi通话方法07Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services08配置 OpenClaw 使用 Ollama 本地模型09全面体验 Grok API 中转站(2025 · Grok 4 系列最新版)10让你的代码更整洁:10 个必知的 Kotlin 扩展函数