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

【问题标题】：How can I compile LESS files within browser如何在浏览器中编译 LESS 文件
【发布时间】：2012-05-11 15:36:01
【问题描述】：

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

【问题讨论】：

标签： less

【解决方案1】：

客户端使用

链接您的 .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>

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

所以，你需要：

放置link标签之前 script标签
将rel 设置为“stylesheet/less”
注意bug in chrome

【讨论】：

如果我按照文档进行操作，FF 中一切正常。你能提供完整的非工作样本吗？
好的，我明白了，一切都比我之前想象的要复杂。我会尝试重现这个问题，如果我发现了什么会告诉你
让我们continue this discussion in chat

【解决方案2】：

如果您使用谷歌浏览器，请在您的 html 中包含较少的文件并使用一些服务器。

【讨论】：

【解决方案3】：

你必须使用一些 web 服务器，如 apache tomcat、统一服务器 UPX 等，以便在 IE 中编译更少。正如@ie 所说，在 localhost 中运行之前将这些文件包含在您的文档中。

【讨论】：

【解决方案4】：

检查您的网络服务器。许多服务器最初并未设置为处理提供的 LESS 文件。具体来说，较新版本的 IIS 往往会阻止服务 *.less，因此需要对其进行配置。您可以通过直接从浏览器加载 LESS CSS 文件来查看是否发生这种情况。从 Firefox 执行此操作的最简单方法是查看您的页面源并单击指向您的 LESS 文件的链接。

【讨论】：