微信小程序设置scss编译

微信小程序设置scss编译

方法一：现在微信开发者工具已经继承了，只要在project.config.json配置文件中修改即可。

方法二：在vs中安装easysass插件，微信开发者工具支持导入vs现有插件(应该也可以安装)，之后再插件目录下配置文件，少量修改.

---------

方法一：

选择小程序项目下的project.config.json文件,然后在文件里面的setting处，输入

"useCompilerPlugins": [
      "sass"
    ],

然后就可以修改 wxss后缀为scss了.

 

方法二：

 

第一步，打开vscode在插件市场中搜索 easysass 插件并安装

第二步，打开微信开发工具，在插件市场里选择导入vscode扩展>>>导入已安装的vscode扩展

第三步，等待导入完成，点击 编辑>>>打开编辑器扩展目录

 

第四步，在项目中使用scss

 (在网站目录下，新建**.scss，在这里面写样式，之后就会把内容编译后写到.wxss文件)

 

 

 

 

 

https://blog.csdn.net/G3488950688/article/details/137052444

https://blog.csdn.net/qq_25375717/article/details/129413768

https://www.bilibili.com/video/BV19G4y1K74d/?p=42