5、less的安装与使用

有时候创建vue项目之后，忘了安装less插件，或者又在使用的过程中需要安装less插件。

正常情况下，我们只需要用命令安装就好了

npm install less less-loader@ --save-dev

安装完之后，重新启动项目的时候，可能会报错
loaderContext.getResolve is not a function
报错的原因其实是安装的版本太高的原因导致的，所以在安装的时候就需要严格控制less以及less-loader的版本

npm install less@3.12.2 less-loader@4.1.0 --save-dev

然后就是配置使用
直接在main.js里面引入就可以了

import less from 'less'
Vue.use(less)

// 在页面使用
<style lang='less' scoped>

对less的理解：
Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、使 CSS 更易维护和扩展。
less可以吧一个颜色存放到一个变量中，这样如果修改变量的颜色值就可以修改页面上的所有颜色，
less还可以嵌套标签，这样代码易读性比较好。