如何在浏览器中编译LESS文件

时间:2012-05-11 15:36:01

标签: less

我创建了使用LESS功能切换主题的代码。不幸的是,LESS文件无法在浏览器中编译。如何在浏览器中编译LESS文件?

4 个答案:

答案 0 :(得分:12)

这是documentation

的一部分
  

客户端使用

     

将.less样式表与rel设置为“stylesheet / less”链接:

     

<link rel="stylesheet/less" type="text/css" href="styles.less">

     

然后从页面顶部下载less.js,并将其包含在   您网页的<head>元素,如下所示:

     

<script src="less.js" type="text/javascript"></script>

     

确保在脚本之前包含样式表

所以,你需要:

  1. link标记
  2. 之前放置script标记
  3. rel设为“stylesheet/less”
  4. 了解bug in chrome

答案 1 :(得分:2)

如果您使用谷歌浏览器,请在您的HTML中包含较少的文件并使用某个服务器。

答案 2 :(得分:1)

你必须使用一些web服务器,如apache tomcat,统一服务器UPX等,以便在IE中编译更少。正如@ie告诉你在localhost中运行它之前在文档中包含这些文件。

答案 3 :(得分:0)

检查您的网络服务器。许多服务器最初未设置为处理服务LESS文件。特别是较新版本的IIS倾向于阻止服务*.less,并且需要配置为这样做。您可以通过直接从浏览器加载LESS CSS文件来查看是否发生了这种情况。从Firefox执行此操作的最简单方法是查看页面源并单击指向LESS文件的链接。