标签：index .. less 样式 微信 wxss public

微信小程序开发如何使用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；

标签：index,..,less,样式,微信,wxss,public
来源： https://www.cnblogs.com/alecc1124/p/16393198.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。