小程序中使用less
小程序中使用Less
原生小程序不支持less
,其他基于小程序的框架大体都支持,如wepy
,mpvue
,taro
等。但是仅仅因为一个less
功能,而且引入一个框架,肯定是不可取的。因此可以用以下方式来实现
-
编辑器
Vscode
-
安装插件
easy less
-
在
Vscode
的设置中加入如下配置-
在
vscode
中打开设置
-
在设置搜索框中输入
settings
-
输入以下代码
-
"less.compile": {
"outExt": ".wxss"
}
效果图如下:
- 在要编写样式的地方,新建
less
文件,如index.less
,然后正常编辑即可