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

相关推荐
独孤九剑打醒他几秒前
【原创开源·2.0 版】太阳能水闭环氢能源汽车:动态制氢、动能回收与副产物商业闭环
前端·嵌入式硬件·汽车·硬件工程·能源
小毛驴8503 分钟前
mvn help:effective-settings 与 mvn help:effective-pom
java·linux·前端
志尊宝10 分钟前
AI原生前端开发(001):Cursor编辑器深度使用从入门到精通
前端·编辑器·ai-native
ZoeLandia19 分钟前
TypeScript 07:工程化——import type、声明文件与 tsconfig
开发语言·前端·typescript
拖孩20 分钟前
# AI 帮我写的小程序,上线不到一个月流量主突然爆了
前端·后端·微信小程序
一木 之林39 分钟前
LangChain 第6章 Agent 智能体核心:create_agent 统一入口与 ReAct 循环
前端·react.js·langchain
不可能片场1 小时前
Electron 发布进程被回收 用脱离进程组托住
前端·electron
kaixin_learn_qt_ing1 小时前
hexdump -C /path/to/binary | less 看十六进制内容
前端·css·less
java1234_小锋1 小时前
【技术专题】HTML5 网页技术 - HTML5 链接与图片
前端·html·html5
sun_weitao1 小时前
Chrome 扩展插件开发指南
前端·javascript·chrome