在生产中使用较少的css框架

仅仅几个星期，我开始了解LESS CSS。这正是我在编写css代码时应该可以使用的东西。在生产中使用较少的css框架

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

我不能承受的第一个选项，因为我需要使用less.js的大小高达43 KB。当我已经在使用Jquery时，这会增加额外的负载。

第二个选项看起来很有前途，但问题是，要在生产环境中编写代码，您无法每次都编译LESS以根据更改进行测试。像我直接编码CSS时所做的那样，应该是无与伦比的体验。我应该写LESS，并立即反映在页面上。

那么，任何人都可以帮助我设置这种工作流程吗？

赞赏其他类似框架的任何建议。

来源

2012-03-03 Abhijeet Pawar

我通常半途而废 - 在开发中使用JS文件，然后在构建生产之前进行预编译。你在用什么开发栈？ – rjz 2012-03-03 19:25:16

Java开发基地 – 2012-03-03 19:28:19

编译为css，答案如下:) – bzx 2012-03-05 10:16:16

我在开发中使用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）

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

来源

2012-03-03 19:30:01 FelipeAls

OP除了使用Java以外。 – 2012-03-03 19:31:07

@AndrewMarshall谢谢，我只有在发布后才看到。回答编辑 – FelipeAls 2012-03-03 19:40:21

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

来源

2012-07-09 19:38:54

是的，为什么你不会在提交期间编译较少的文件 – dusual 2013-01-07 12:13:28

@dusual在'pre-commit'钩子中编译文件可以确保提交中包含css文件。 – 2013-01-08 13:19:24

是的，我明白了 – dusual 2013-01-08 17:35:51

我用Java太多，但下面是几乎任何有效的技术：

发展模式：

包含较少的文件，但不包括生成的css文件
少跑JS

生产：

清洁利用蚂蚁
使用更少的犀牛从少using ant
包括生成的css文件编译的CSS文件，但不包括少文件

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

来源

2015-01-30 10:48:19

在生产中使用较少的css框架

回答

相关问题