最新版本的小程序中使用外部扩展less
2020-08-24 本文已影响0人
焚心123
-
首先参考这篇文章进行配置
https://www.jianshu.com/p/3db6f7f33752
-
首先将我们下载的less插件进行复制或者是使用vscode上下载easy less ,在下面图片中的路径打开并复制在C盘下

-
由于我看了网上的几个版本,好像是编辑器IDE还不一样,目前我的IDE直接在导航栏点击编辑,最下面有个打开编辑器的扩展目录(不同的IDE,这个位置是不同的,之前的直接在设置里扩展就能看到)打开后直接粘贴我们的文件就可以了

-
粘贴后再小程序
image.png
-
在最新版本中可以通过我下面的图片去找,点击less后,右边一直往下划,知道找到为止!

-
点击后加入这一段就可以了,在重启就OK了

-
然后找个文件新创建一个index.less,在里面进行写就完了,会自动同步到你的wxss文件中的
-
配置完后在这里看看你的less插件有没有启用,用的时候可以启用,不想用了点击禁用就可以
