Hbuilder自动编译less

首先得有less

npm i less -g
npm i less-plugin-functions -g

工具 -> 预编译设置：

image.png

点.less

image.png

然后智能完成就可以了
那么怎么使用呢？

新建一个my.less后缀的文件，写上

@rem:46.875rem;
body{
    width: 60/@rem;
}

ctrl+s保存，就会出现my.css后缀的文件

body {
  width: 1.28rem;
}

具体less是怎么计算成rem的可以参考https://www.jianshu.com/p/f44a97223dee