less.js浏览器端实时将less文件转换成css文件
Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。
支持变量、嵌套、混合、命名空间、作用域等特性，less.js可以将less文件转换成css文件供浏览器执行，less除了提供nodejs端的执行文件外，还开发了一套供浏览器执行转换的less.js插件。
//加载less插件
<script data-poll="1000" data-relative-urls="false" src="http://repo.bfw.wiki/bfwrepo/js/less.min.js"></script>
//动态将styles.less文件变成styles.css文件供浏览器解析
<link data-dump-line-numbers="all" data-global-vars='{ "width": "10px" ,"height":"20px"}' rel="stylesheet/less" type="text/css" href="less/styles.less">
那么styles.less文件如下#header {
width: @width;
height: @height;
}浏览器加载这个文件后，less.js会进行转换，将变量值替换，最终浏览器会解释这个文件
#header {
width: 10px;
height: 20px;
}是不是很方便，但是为了性能考虑，还是建议在npm下转换好less文件
{{collectdata}}
网友评论0