less文档和安装

简介: less文档和安装

中文文档:https://less.bootcss.com/

GitHub:https://github.com/less/less.js

gitee:https://gitee.com/mirrors/less.js?_from=gitee_search

详细教程

Less知识点整理(一)https://blog.csdn.net/weixin_48454173/article/details/114989005

Less知识点整理(二)https://blog.csdn.net/weixin_48454173/article/details/115406922


less的使用


普通H5使用


官网推荐方式

<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js" ></script>

注意加载顺序,先加载 less文件 ,再加载less.min.js,否则到js执行的使用找不到less文件导致不编译。


博主推荐

官方推荐的js地址是cdn的但加载也是较慢的,推荐从gitee上拉取下来后使用

使用git下载后会得到这样一个文件夹

27.png其中dist就是我们需要的js文件,将里面的 less.min.js 文件引入到项目中可使用。

28.png

vue2 node环境中使用

安装less和less解释器

npm install --save less less-loader

引用方法


1、在main.js

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

运行后可能会出现这种错误Syntax Error: TypeError: this.getOptions is not a function

29.png

是因为less-loader版本太高的问题,可参考博主的版本

30.png

先卸载 less-loader

npm uninstall less-loader

指定版本安装 less-loader

npm install less-loader@5.0.0

这样就可以愉快的使用了

31.png

相关文章
|
6月前
Adoc文档的使用
Adoc文档的使用
29 0
|
8月前
下载文档【报错的小技巧】(了解一下)
下载文档【报错的小技巧】(了解一下)
30 0
|
API Python
利用flasgger生成FlaskAPI文档
利用flasgger生成FlaskAPI文档
238 0
利用flasgger生成FlaskAPI文档
|
前端开发 JavaScript Apache
LESS文档
LESS文档
298 0
|
Linux 开发工具 git
|
数据安全/隐私保护
|
XML JavaScript .NET
JCLI使用说明文档
JCLI使用说明文档
1262 0