在原生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请求;
相关推荐
灵感__idea1 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴2 小时前
Mix
前端·webgl
代码续发2 小时前
前端组件梳理
前端
试图让你心动3 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
陈不知代码3 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记3 小时前
sass中@mixin与 @include
前端·sass
陈琦鹏3 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数4 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante4 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端
Carlos_sam5 小时前
Opnelayers:ol-wind之Field 类属性和方法详解
前端·javascript