0


Vue3中引入scss

1、 npm下载scss包

npm install sass sass-loader -d

2、创建全局的scss文件添加全局样式

![在这里插入图片描述](https://img-blog.csdnimg.cn/8c697e8a161c4b9aa761b249713e0768.png

3、Vite 添加css配置

exportdefaultdefineConfig({plugins:[vue()],resolve:{alias:{'@':fileURLToPath(newURL('./src',import.meta.url))}},css:{preprocessorOptions:{scss:{additionalData:`@import "./src/style/mixin.scss";`// 此处全局的scss文件}}}})

4、使用配置好的 scss 可以使用定义好的scss样式

在这里插入图片描述

标签: scss vue.js 前端

本文转载自: https://blog.csdn.net/weixin_43799811/article/details/128257299
版权归原作者 兴系人生哦 所有, 如有侵权,请联系我们删除。

“Vue3中引入scss”的评论:

还没有评论