我正在尝试通过添加标签在页面上实现.less:<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.6.1/less.min.js"></script>
我在不同的页面上尝试过此操作(因此与内容无关),在页面顶部和页面底部尝试过,也有在Mac和Windows上尝试的机会,但是我总是得到一个空白页面,当我删除它时,也可以,但是我想开始使用它,我在做什么错?
CDN来源:http://lesscss.org
最佳答案
此问题是由async
选项设置为false
引起的,该选项使脚本在解析LESS文件时将display: none
添加到<body>
标记样式中。
如果页面上没有任何LESS文件要解析,该脚本将永远不会完成,因此也不会删除display: none
。要解决此问题,请在加载脚本之前向页面中的LESS文件添加一些链接,或者将async
选项设置为true
,如下所示:
<script>
less = {
async: true
};
</script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.6.1/less.min.js"></script>