设置新的基于框架的项目并使用LESS

因此，我试图建立一个环境，在该环境中，我可以生成一个新项目并最小化设置新项目所涉及的定制/复杂性。我正在使用Structurer Pro（来自nettuts +）构建文件集，这是一件很棒的事情。我已经为MAC设置了github，允许我抓取最新的Foundation框架文件并将它们放入当前项目中。设置新的基于框架的项目并使用LESS

现在，我正试图将LESS纳入过程中。然而，Foundation的css文件目前没有与LESS搭建，这意味着我有两个选项：（1）获取当前版本并将其更新，然后使用这些自定义文件创建新项目。（2）不要使用LESS ...

我的另一个问题是，似乎有很多编译器的LESS（简单，CodeKit，LESS，指南针），但没有一个将css文件组合在一起！因此，如果我设置了10个LESS文件（例如IE.less，mobile.less，grid.less，typography.less等），并在其中包含变量，那么我真的不希望将10个css文件作为输出。我真的想要1编译的CSS文件作为输出。我知道我可以手动执行此操作，甚至可以通过Clean css或其他30个其他站点中的任何一个来执行此操作...

但是有没有让我使用最新文件创建项目的“事情”框架，通过将颜色样本设置为一系列变量（LESS）来对其进行自定义，然后编译&将实际实现的结果CSS组合起来？

来源

2011-12-12 Mike Earley

基金会最终转移到SCSS在3版本，所以这成为一种有争论...

来源

2012-10-29 23:53:57

我不确定css基础包括什么，如果它是一个reset.css或类似的东西，我会放弃它，而不是减少它。你将有两个css文件：一个reset.css和一个styles.css（后者将从较少的文件编译）。

然后，您可以添加自己的安装程序，其中包括一个style.less，其中包含@import各种组件，如果您足够通用，则可以在各个项目中重复使用它。

lessc编译器处理各种文件的@imports并将它们合并为一个文件：我有styles.less，其中@imports base.less components.less等。我只是将styles.less编译为styles.css和它处理其余部分：

lessc styles.less styles.css

参见：https://gist.github.com/1480684

来源

2011-12-15 10:49:51 c4urself

试图回答大家的一些问题：

重命名基金会的.css文件到.LESS，并在您/ less /目录。
- 任何.css文件是一个有效的.LESS文件（而不是相反，虽然）
- 你没有这个CSS转换为少，所以只为你将要修改的事情要做，并保存一些时间;）
在您的master.less文件中使用@import'foundation-file'导入这些文件;
- 回复：如何在HTML CSS /减档:)
只编译master.less结合，包括它
- master.less是你的假设主要样式表实际上可能仅包含@import语句，对我来说，以这种方式管理所有内容（以及组合发生的地方）更容易。它会编译为主。然后你使用css。

来源

2012-01-17 09:01:47 bzx

设置新的基于框架的项目并使用LESS

回答

相关问题