LESS 文件在客户端不起作用答案

【问题标题】：LESS file not working on Client SideLESS 文件在客户端不起作用
【发布时间】：2013-12-03 04:49:01
【问题描述】：

我刚刚从 bootswatch.com 下载了 Amelia 主题并将其命名为 AmeliaBootswatch.less。另外，我下载了变量文件并将其命名为 AmeliaVariables.less。

在 AmeliaBootstrap.less 中，我有以下标签：

@import "AmeliaVariables.less";

现在，在我的 aspx 页面中，我有以下代码：

<link rel="stylesheet/less" 
          type="text/css" 
          href="Content/LESS/AmeliaBootstrap.less" />
<script src="Scripts/LESS-1.5.0.min.js"
        type="text/javascript">
</script>
<script type="text/javascript">
        less.watch();
</script>

less.watch() 反复获取 AmeliaBootstrap.less 和 AmeliaVariables.less 文件而没有抛出任何错误。

有人可以帮我解决这个问题吗？

【问题讨论】：

如果它正在查找文件，并且没有错误，那么有什么问题？是否多次加载文件？它是否说它找到了文件，但主题仍然不起作用？
它不会将 css 样式应用于页面。它只加载 .less 文件一次。
你引用AmeliaBootswatch.less，然后在你的HTML页面中加载AmeliaBootstrap.less。对吗？
我在我的原始帖子中错误地提到了这些名称，我将很快对其进行编辑，但它们都引用了 AmeliaBootstrap.less 文件。

标签： less client-side lesscss-resources

【解决方案1】：

默认情况下，LESS 以“生产”模式启动（除非页面从“localhost”运行），因此它不会通知编译期间是否发生任何错误。您可能需要设置“开发”模式以查看可能的错误，例如：

<script type="text/javascript">
    less.env = "development";
</script>

LESS options 应该在 less 脚本本身之前指定。

【讨论】：