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

相关推荐
Csvn5 小时前
Monorepo
前端
Csvn5 小时前
流水线
前端
Csvn5 小时前
微前端架构
前端
Linux-lucky7 小时前
45-Linux学习之旅之防火墙与WEB加固
linux·前端·网络·学习·ubuntu
风骏时光牛马9 小时前
生成一个移动端标题,只需要一个标题,不需要其他的任何文本。
前端
IT_陈寒9 小时前
Redis雪崩把我坑惨了,这是5年经验的教训
前端·人工智能·后端
SameX9 小时前
HarmonyOS ArkUI List 的侧滑删除 用 ListItem 的 swipeAction + endIcon 的做法
前端
usdoc文档预览12 小时前
USDOC系列之PPT文件在线编辑-VUE前端实现在线浏览器在线编辑PPT文档
前端·vue.js·编辑器·office365·ppt在线编辑·office文件在线编辑·文件在线编辑
用户27050777252412 小时前
Agent 调工具卡住?3 种超时与取消策略实测对比
前端
LuHang13 小时前
我一行代码没写,把领导派的活做成了公司内部系统😭
前端