less运行环境与安装使用（一）

最新推荐文章于 2024-04-19 23:13:46 发布

Hhy_9288

最新推荐文章于 2024-04-19 23:13:46 发布

阅读量2.5k

点赞数

分类专栏： less 文章标签： less客户端运行环境

本文链接：https://blog.csdn.net/Hhy_9288/article/details/78413788

版权

less 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

客户端用法

1、在页面中加入 .less 样式表的链接，并将 rel 属性设置为 "stylesheet/less"：

<link rel="stylesheet/less" type="text/css" href="styles.less" />

2、需要设置参数，在 `<script src="less.js"></script>` 之前定义全局的 `less` 对象就可以为 Less.js 设置参数：

<!-- set options before less.js script -->
<script>
  less = {
    env: "development",
    async: false,
    fileAsync: false,
    poll: 1000,
    functions: {},
    dumpLineNumbers: "comments",
    relativeUrls: false,
    rootpath: ":/a.com/"
  };
</script>
<script src="less.js"></script>

3、接下来下载 less.js 并通过 <script></script> 标签将其引入，放置于页面的 <head> 元素内：

<script src="less.js" type="text/javascript"></script>

注意

务必确保在 less.js 之前加载你的样式表。
如果加载多个 .less 样式表文件，每个文件都会被单独编译。因此，一个文件中所定义的任何变量、mixin 或命名空间都无法在其它文件中访问。

还可以用Less CDN 加速
<script src="http://cdn.bootcss.com/less.js/1.7.0/less.min.js"></script>

Hhy_9288

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
less运行环境与安装使用（一）

客户端用法 1、在页面中加入 .less 样式表的链接，并将 rel 属性设置为 "stylesheet/less"：link rel="stylesheet/less" type="text/css" href="styles.less" />2、需要设置参数，在 <script src="less.js"> 之前定义全局的 less 对象就可以为 L
复制链接

扫一扫