1、在vscode的扩展中先安装easysass插件

在这里插入图片描述

2、找到easysass插件安装包并复制

默认位置:C:\Users\你的用户名\.vscode\extensions

在这里插入图片描述

3、打开微信开发者工具插件安装文件夹

位置:编辑——打开编辑器扩展目录

把复制的easysass插件安装包粘贴进去

4、修改package.json并保存

在这里插入图片描述
.css改为.wxss,并且下面的compressed可删除

在这里插入图片描述 在这里插入图片描述

5、重启微信开发者工具
6、测试

新建与wxss对应的scss文件,然后用scss语法可以发现成功编译出wxss

在这里插入图片描述

更多推荐