IE中的LESS会抛出异常

Question

我正在使用LESS和respond.js来简化新网站的开发。 LESS和回应都非常简洁。但是，在IE浏览器中我遇到了很多问题。

对于IE8模式的初学者，我的IE10报告说id不理解“map”。没问题，我写了一个Array.prototype映射扩展。然后它说它不理解isArray，再次在IE8模式下。原型扩展再次拯救。现在它回来说了一些类似于SyntaxError的内容：'in'的操作数无效：预期的对象

我实际上并不知道 可能是什么，但无论如何我无法动态添加adhoc原型扩展，希望事情最终能够解决。要么LESS不能用于IE，要么其他人可以指出我需要的所有修复工具。

Answer 1

回答你的问题：

首先，仅在IE9 +中支持LESS客户端编译。 您可以使用ES5的垫片和polyfill来解决这个问题，例如these。

但请不要。

你应该做什么（而忘记第一部分）：

然而，尽管LESS编译器提供了非常好的缓存机制（例如，使用localStorage来保存生成的代码），但是生产并不是一种好的做法。

GruntJS和Bower.io在控制台中工作，但配置相对容易。基本上，你设置它们一次并忘记它们曾经存在过：）

Livereload为您提供了一个GUI，并且非常易于使用。

我使用GruntJS进行前端开发，后端开发人员使用PHP（CakePHP，Zend，Laravel），它让我们的生活变得更加轻松：）

使用像GruntJS或Brunch.io这样的任务运行器或安装Livereload来简化前端开发工作流似乎更合理。这些工具将监视文件更改并在每次保存时生成新的CSS文件（并且还可以动态重新加载CSS）。

您可以使用watch和LESS插件安装GrunJS，这样保持非常简单。您甚至可以使用全局安装的LESS Node.js软件包。