less - LESS 文件在客户端不起作用

Question

我刚刚从 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 文件而不会引发任何错误。

有人可以帮我吗？

Answer 1

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

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

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