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

相关推荐
智航GIS3 小时前
10.4 Selenium:Web 自动化测试框架
前端·python·selenium·测试工具
前端工作日常3 小时前
我学习到的A2UI概念
前端
徐同保3 小时前
为什么修改 .gitignore 后还能提交
前端
一只小bit3 小时前
Qt 常用控件详解:按钮类 / 显示类 / 输入类属性、信号与实战示例
前端·c++·qt·gui
Mr -老鬼4 小时前
前端静态路由与动态路由:全维度总结与实践指南
前端
颜酱4 小时前
前端必备动态规划的10道经典题目
前端·后端·算法
wen__xvn5 小时前
代码随想录算法训练营DAY10第五章 栈与队列part01
java·前端·算法
大怪v6 小时前
前端佬们!!AI大势已来,未来的上限取决你的独特气质!恭请批阅!!
前端·程序员·ai编程
Mr -老鬼6 小时前
功能需求对前后端技术选型的横向建议
开发语言·前端·后端·前端框架
qq_406176146 小时前
关于JavaScript中的filter方法
开发语言·前端·javascript·ajax·原型模式