小程序less编译

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/bocongbo/article/details/82588307

微信小程序只支持原生css写法，但是前端开发less和sass已经很普及。

网上有很多webstrom编译less的方法，个人觉得比较麻烦。

下面介绍一个less编译的方法：

1、npm或者yarn全局安装wxss-cli

npm install -g wxss-cli

2、运行wxss-cli命令(miniProject为小程序目录)，less文件保存时自动编译

wxss ./miniProject

3、小程序不能识别*.less文件，所以可以任意打开一款less编译器，比如webstrom，HBuilder等

4、在page里面每个页面添加一个同名的.less文件，编写less代码，会自动同步到.wxss文件中

5、文档地址：

https://developers.weixin.qq.com/blogdetail?action=get_post_info&lang=zh_CN&token=831003866&docid=00086c05ce0b780c3d072925955c06