简单几步完成less的安装及使用

Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。

如果我们没有安装less直接使用就像下面这样，会报错

让组件支持使用less，分为两步

(1) style标签，lang=”less” 开启less功能

(2) 装包： yarn add less  less-loader

在上面报错之后，先在终端ctrl+c停掉，然后输入命令等待

yarn add less less-loader

然后出现这个就是OK的

然后 yarn serve 运行

Ok，这样就成功了，在终端看已经没有再报错了

这是一个效果图