美文网首页
LESS使用与安装

LESS使用与安装

作者: 一名有马甲线的程序媛 | 来源:发表于2017-11-16 17:33 被阅读28次

安装

1.在D盘下新建less文件夹
2.在CMD命令提示符里写

    d:
    cd less
    npm install -g less
image.png

3.安装 Less 后,就可以在命令行上调用 Less 编译器了,如下:

lessc style.less

这将输出编译之后的 CSS 代码到 stdout,你可以将输出重定向到一个文件:

lessc style.less > style.css
image.png

若要输出压缩过的 CSS,只需添加-x 选项。如果希望获得更好的压缩效果,还可以通过--clean-css 选项启用进行压缩。

image.png

引入js

在客户端使用 Less.js 是最容易的方式,并且在开发阶段很方便,但是,在生产环境中,性能和可靠性非常重要,我们建议最好使用 node.js 或其它第三方工具进行预编译。
在<head>中写:

<link rel="stylesheet/less" href="less.less">
<script src="less.js-master/dist/less.js"></script>

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

样本连接:
https://pan.baidu.com/s/1c1OOj3y

相关文章

网友评论

      本文标题:LESS使用与安装

      本文链接:https://www.haomeiwen.com/subject/edxrvxtx.html