导入引用方式
导入stylesheet/less格式的less资源后,需要导入相应的解析文件less.min.js。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet/less" type="text/css" href="css/style.less"/>
<script src="css/less.min.js" type="text/javascript" charset="utf-8"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.10.0-beta/less.min.js"></script>
</head>
<body>
<div class="main">
<button class="button">按钮</button>
</div>
<div class="box"></div>
</body>
</html>
将less文件转化为css文件
直接使用less,会导致性能降低,所以推荐发布前将less转为css,直接使用css
lessc xxx.less xxx.css