uniapp中使用less

我之前一直都在写css，当的样式太多，没有逻辑，它维护起来就会麻烦，所以我准备使用less

一、less是什么

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端

二、less的原理

LESS 包含一套自定义的语法及一个解析器 , 用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件

三、在uniapp中使用less

 #逻辑如下， uni-app 内置了各种预处理（less、scss、stylus、typescript）
1. 只需要安装less插件
2. 在style标签中使用即可 <style lang="less"></style>

1. 安装less 插件

更简单的方法就是直接 在 style 标签中 设置 <style lang="less"></style>，它会提示安装