6

几周前，我开始了解 LESS CSS。这正是我在编写 css 代码时认为应该可用的。

现在我非常渴望使用它，并想在生产场景中应用它，但是有一个问题。要使用 LESS CSS，您有两种选择：
1.在您的网页中包含 less.js。
2.预编译LESS文件然后使用。

第一个选项我买不起，因为为此我需要使用大小不超过 43 KB 的 less.js。当我已经在使用 Jquery 时，这会增加额外的负载。

第二个选项看起来很有希望，但问题是，要在生产中编写代码，你不能每次都编译你的 LESS 来测试它的变化。这应该是我直接编写 CSS 代码时的体验。我应该写 LESS，它应该立即反映在页面上。

那么有人可以帮我设置这种工作流程吗？

感谢其他类似框架的任何建议。

4

3 回答 3

4

我在开发中使用Less-PHP：每次在修改主.less文件后刷新浏览器进行测试时，.css都会输出文件。

然后在生产中我只需要.css像往常一样复制文件。

我永远不会在生产环境中使用 Less.js，因为它只适用于激活了 JS 的用户，在不必要的时候会减慢每个用户的下载时间和渲染时间。

编辑：还有一些软件会等待你的 LESS 文件被修改和保存，并在它发生时编译它。再一次，每个项目可以设置一次较少的 PHP，并且会这样做，如果可以避免的话，我不希望每天在我的系统上启动一个守护进程。我已经有防火墙、AV、MSN、Dropbox、jabber 客户端、copypaste 实用程序、集成 SVN 等在运行 :)
2015 年编辑：我已经使用 Prepros 4 有一段时间了，或者会使用一些基于 grunt 的编译器反而。我的同事对 Prepros 5 有一些错误，所以我还没有安装它（Prepros 5 现在是一个专有软件，花费几美元。一个非常好的投资 imo）

EDIT2：似乎您正在使用Java。一点谷歌搜索给出了这个解决方案：http ://www.asual.com/blog/lesscss/2009/11/05/less-for-java.html

于 2012-03-03T19:30:01.827 回答
2

正如您所说，在生产中使用 less.js 是一个坏主意。只是添加另一个想法，如果您使用 Git，您可以生成生产 CSS 文件作为 pre-commit钩子的一部分，这样您就不必手动为生产做任何事情。我已经写了一些关于我在这里使用的工作流程 - http://tjvantoll.com/2012/07/07/the-ideal-less-workflow-with-git/。

于 2012-07-09T19:38:54.513 回答
1

我也使用 Java，但以下内容对任何技术都非常有效：

开发模式：

  1. 包含less文件，但不包含生成的css文件
  2. 少跑js

生产：

  1. 使用 ant 清理生成的 css 文件夹
  2. 使用 less rhino 从 less使用 ant编译 css 文件
  3. 包含生成的css文件，但不包含less文件

我做了一些额外的事情，比如可以使用任何构建工具（ant、maven、...）轻松实现的主题/皮肤。我还让我的系统忽略生成文件夹的版本控制，因为它将被构建过程删除和生成。

于 2015-01-30T10:48:19.153 回答