LESS CSS - 提取生成的CSS

Question

我正在尝试使用LESS CSS编写我的CSS。我按顺序导入了style.less和less.js文件。

现在我想提取LESS生成的CSS ..有什么方法可以做到吗？我不想使用脚本在生产中动态生成它。只是为了发展。

Answer 1

您可以使用Firefox中的Firebug扩展程序提取CSS。编译的CSS显示在CSS选项卡的“内联”菜单选项下。

Answer 2

http://incident57.com/less/如果你有幸使用OS X，并且还有一个ruby gem http://rubygems.org/gems/less，尽管这已经被通过npm安装的node.js实现所取代。查看http://lesscss.org/了解详情。

Windows也有http://www.dotlesscss.org/，但不确定它有多大用处。

Answer 3

2013年我们有：

http://less2css.org/

似乎对我来说工作得很好。只需复制/粘贴。

在此之后你可能想要缩小你的CSS，所以：

http://cssminifier.com/

Answer 4

对于那些在这里绊倒的人，在现代浏览器中，您可以在LocalStorage中看到它。我使用Chrome，它位于资源下的开发工具栏中。 在我的情况下，我们还想自动保存css文件（我们有一个生成模板的工具），我们可以使用javascript轻松完成。

这将返回生成的CSS，只需将其替换为正确的路径，就像在“资源”选项卡下看到的那样： localStorage.getItem('http://domain.com/css/main.less');

然后我们通过Ajax发送它以将其保存在css文件中。切换到生产时，我们删除less并用生成的css文件替换它。