微信公众号开发

微信小程序中的less开发公共样式引入

本文主要是介绍微信小程序中的less开发公共样式引入,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

微信小程序开发如何使用less请见上篇文章---------

 

微信小程序中使用less后如何引入公共样式?

尝试过多种方式后最优解:

例如公共样式为 public.less保存编译后变成了public.wxss;

在你要引入的文件中,例如index.less中顶部使用;

@import (css) "../../css/public.wxss";   此时,只要public.less中内容改变及保存后,就可以同步在index.wxss中看到效果; 坑---微信小程序中的:root{}  改成  page{} 例如  :root{ --color-1:red}  改成 page{--color-1:red}        -------爬坑之路, 刚开始用的是 @import "../../css/public.less";
问题1:每次在pulic.less中加入东西后,index.less中都要保存一下;可能有多个文件引入pulic.less,就需要在多个文件中保存-----低效; 问题2:这种引用机制实际上是将public.less的东西直接编译到index.wxss中,会使得index.wxss中特别大,比如说有三个地方引入了public.less,则文件大小+3*pulic.less;
这篇关于微信小程序中的less开发公共样式引入的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!