01.Less的使用方式

发表于 | 分类于

  • 注意less样式文件一定要在引入less.js前先引入。
    备注：请在服务器环境下使用！本地直接打开可能会报错！ 就是说不是在webstorm环境打开会报错，在本地文件夹打开报错

  • 引入你的 .less 样式文件的时候要设置 rel 属性值为 “stylesheet/less”:

1
2
3
在<head> 中引入:
<link rel="stylesheet/less" type="text/css" href="styles.less">
<script src="less.js" type="text/javascript"></script>

注意你的less样式文件一定要在引入less.js前先引入

为什么先引入自己的，再引入less.js，因为不认识less，需要less.js在运行的时候解释，这就需要消耗性能，不值得，于是有第二种的方式引入less文件

  • 第二种方式是为了解决第一种的性能问题，既然在运行时会消耗性能去解释less【就是将less化为css】，那么在运行前就将less化为css，需要利用到客户端来转换，转化后就将css引入,后续利用loader自动转换，只是现在手动而已