小程序less编译

本文介绍了一种简便的微信小程序LESS编译方法,通过全局安装wxss-cli工具,在保存LESS文件时自动编译成WXSS。具体步骤包括安装wxss-cli、配置编译命令、使用任意LESS编译器进行编辑等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

微信小程序只支持原生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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值