在Node.js中启用LessCSS开发模式

Question

我遇到了一些严重问题，在CSS的大量聚合中发现了一些LESS解析错误。

错误消息非常无用（至少对我而言）。

我的问题是这些：

第一。在解析NodeJS中的LESS时，有没有办法启用更多的调试数据？

第二。如果现有的错误块全部可用，您如何解释数据？行号似乎不匹配等等。

为了澄清，我正在查看这样的错误输出：

{ name: 'ParseError',
  message: 'Syntax Error on line 460',
  index: 13409,
  filename: null,
  line: 460,
  column: 0,
  extract: [ '    }', '}', '' ] }

目前我有几个来源较少的文件，这些文件一起被攻击成一个片段，然后通过解析器推送。所以它会死掉并切断问题所在地以外的一切。

任何建议将不胜感激。感谢。

Answer 1

如果LESS文件包含错误（名称或解析错误），则LESS代码根本不会编译。

使用客户端编译（通过less.js）进行生产，特别是如果性能很重要，那将是一个坏主意。使用客户端编译来开发和测试LESS时，也很容易设置调试消息。

在你的情况下，添加<script type="text/javascript">less = { env: 'development' };</script> tp你的html文件：

<script type="text/javascript">less = { env: 'development' };</script>
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/js/less-1.5.0.min.js"></script>

执行此操作后，如果LESS文件包含错误，浏览器将显示错误消息：

有关调试的更多信息，请访问：http://lesscss.org/#usage