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