小程序中使用less

小程序中使用Less

原生小程序不支持less，其他基于小程序的框架大体都支持，如wepy，mpvue，taro等。但是仅仅因为一个less功能，而且引入一个框架，肯定是不可取的。因此可以用以下方式来实现

1. 编辑器 Vscode

2. 安装插件 easy less
   
   

3. 在Vscode的设置中加入如下配置

   1. 在vscode中打开设置
      
      

   2. 在设置搜索框中输入 settings
      
      

   3. 输入以下代码

"less.compile": {
	"outExt": ".wxss"
}

效果图如下：

1. 在要编写样式的地方，新建less文件，如 index.less，然后正常编辑即可