在原生html中使用less

引入less

html 复制代码
  <link rel="stylesheet/less" href="./lessDemo.less" />
  <script src="./js/less.min.js"></script>

less.min.js文件下载地址:https://github.com/less/less.js

注意:less文件在前,js文件在后,顺序不能弄反

报错:Less has finished and no sheets were loaded.

可能两种原因:两行代码顺序弄反导致,正确是link在前、script在后。或者是 rel 属性写错 ,应该将 stylesheet 改为 stylesheet/less。

控制台报如下错误:

复制代码
原因:要在服务器环境下执行html文档 , 不能直接双击打开文档执行 , 因为less.js 会发送ajax请求;
相关推荐
Juchecar9 分钟前
分析:将现代开源浏览器的JavaScript引擎更换为Python的可行性与操作
前端·javascript·python
极客小俊16 分钟前
Font Awesome 一个基于CSS和LESS的免费图标库工具包
前端
yinuo36 分钟前
CSS基础动画keyframes
前端
一条上岸小咸鱼1 小时前
Kotlin 基本数据类型(一):Numbers
android·前端·kotlin
前端小巷子2 小时前
Vue 事件绑定机制
前端·vue.js·面试
uhakadotcom2 小时前
开源:subdomainpy快速高效的 Python 子域名检测工具
前端·后端·面试
爱加班的猫2 小时前
Node.js 中 require 函数的原理深度解析
前端·node.js
用户8165111263972 小时前
WWDC 2025 Build a SwiftUI app with the new design
前端
伍哥的传说2 小时前
Vue 3.5重磅更新:响应式Props解构,让组件开发更简洁高效
前端·javascript·vue.js·defineprops·vue 3.5·响应式props解构·vue.js新特性