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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容