hbuieder怎么编译成微信小程序wxss文件

具体步骤

1.使用 nodejs 命令安装 less。

在 nodejs命令窗口输入：npm install less -g,然后回车安装。

2.webstrom 配置

1).打开webstrom的设置，File —>Settings。

2).展开左边列表最后一项，找到File Watchers。我们可以看到右侧的白色方框，再点清碰击添加图标，选择less。

3).在打开的的方框中肆正租，我们可以看到一些相关的配置，只要关注两个地方：

程序的路径和输出路径。

程序路径是我前面安装的 less路裂兆径，输出路径这个地方修改一下，将原来默认的.css改成.wxss。

4).保存确认。

相信出这个错误的时候，很多朋友都是摸不着头脑，其实这个是微信小程序开发工具的bug。

当我们右键创建一个目录并创建页面时，开发工具会自动帮我们在app.json文件中pages下创建一个路径配置

如下图：

然后这答喊个时候我们编译，小程序开发工具会给我报出如下世搏错误：

出现这个问题的原因在于第一清返野张图中自动生成的路径多了一个“/”，也就是“/pages/home/home”多了一个“/”，我们只需要将“/”去掉即可。

---