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

相关推荐
恋猫de小郭4 分钟前
真正的跨平台 AI 自动化框架,甚至还支持鸿蒙
android·前端·flutter
IT_陈寒5 分钟前
Redis的LRU淘汰策略坑了我一天血汗
前端·人工智能·后端
晓得迷路了7 分钟前
栗子前端技术周刊第 132 期 - date-fns 支持 Temporal、npm 攻击事件、VoidZero...
前端·javascript·css
雨季mo浅忆8 分钟前
记录Vue3项目中的各类问题
前端·bug·vue3
亿元程序员13 分钟前
Cocos游戏开发中的弯的箭头游戏效果
前端
ct97815 分钟前
Promise
前端·javascript·vue.js
怕浪猫16 分钟前
Electron 开发实战(十一):自动更新机制|服务架构、公私网更新、版本回滚全解
前端·javascript·electron
AI视觉网奇22 分钟前
three-bvh-csg glb分割
开发语言·前端·javascript
zhangfeng113328 分钟前
workbuddy ,node.js 每次会在 项目目录上安装 node_modules,能不能一次安装多次使用,为什么 npm 不把包装在全局
前端·npm·node.js
一次旅行29 分钟前
CopilotKit实战:用生成式UI打造智能Agent前端
前端·人工智能·ui