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 回答