微信小程序使用sass

927 阅读1分钟

一. 实现流程

1.vscode安装easy sass

  • 首先在vscode中安装easy sass , 已安装可忽略此步骤

image.png

2.小程序安装easy sass

  • 在微信小程序开发工具安装, 按照 1--2--3 步执行

image.png

3.选择扩展文件

  • 选择已安装的vscode中spook.easysass扩展文件夹
  • 存储路径 c盘/user/用户名文件/.vscode/extensions/spook.easysass-0.0.6

image.png

4.修改扩展文件

  • 在小程序扩展页面进行操作

image.png

  • 编辑json文件

image.png

  • 修改json文件中extension属性为.wxss,保存过后重启项目

image.png

  • 重新打开项目,创建.scss文件,设置任意属性,保存后生成.min.css文件,测试是否使用成功

image.png