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

相关推荐
siger3 分钟前
徒手开荒-我用纯Nodejs+pnpm+monorepo改造了一个多vue2的iframe"微前端"项目
前端·node.js·前端工程化
lichenyang4533 分钟前
海克斯大乱斗攻略网站 —— 从零开发到云服务器部署全记录
前端
你的代码僚机6 分钟前
《别再被 SSO 骗了!前端单点登录原理+避坑指南》
前端
不懂代码的切图仔22 分钟前
移动端h5实现横屏在线签名
前端·微信小程序
少卿25 分钟前
OpenClaw 的 summarize 技能——开发者的智能摘要利器
前端·后端·程序员
麦秋27 分钟前
前端静态页面自动生成(Figma MCP + VS code + Github copilot)
前端·vue.js
不甜情歌27 分钟前
JS对象入门|从创建到原理,一篇吃透核心知识点
前端·javascript
DongHao27 分钟前
我不想一开始就把 Axios 封装的太完美
前端·http·axios
有一个好名字1 小时前
claude code安装
linux·运维·前端
BIBABULALA1 小时前
Mini Virtual Machine — 可视化虚拟机模拟器(91行)
前端·css·css3