有时候创建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还可以嵌套标签，这样代码易读性比较好。
网友评论