Html 建立新的基于框架的项目并使用更少的资源

因此，我正在尝试建立一个环境，在这个环境中，我可以生成一个新项目，并将设置新项目所涉及的定制/复杂性降至最低。我正在使用StructurerPro（来自nettuts+）构建文件集，这是一件很棒的事情。我有GITHUB为Mac设置，允许我获取最新的基础框架文件并将它们放入当前项目。

现在，我也在尝试在这个过程中加入更少的内容。然而，基金会的css文件目前设置的版本并不是更少，这意味着我有两个选项…（1）采用当前版本并减少它们的大小，然后使用这些自定义文件创建新项目。（2） 不要少用

我遇到的另一个问题是，似乎有相当多的编译器用于LESS（simpLESS、CodeKit、LESS、compass），但它们都没有组合css文件！因此，如果我设置了10个以下的文件（例如IE.LESS、mobile.LESS、grid.LESS、typography.LESS等），并在其中包含变量，我真的不希望10个css文件作为输出。我真的想要1个编译过的css文件作为输出。我知道我可以手动完成这项工作，甚至可以通过干净的css或其他30个网站中的任何一个

---

但是有没有一个“东西”可以让我使用最新的文件来创建一个项目框架，通过将色样集应用到一系列变量（更少）来定制它，然后编译并组合生成的CSS以进行实际实现 然后，您可以添加自己的设置，包括一个style.less@导入各种组件，如果您使其足够通用，您可以在各种项目中重用它

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

lessc styles.less styles.css

---

请参阅：

尝试回答您的一些问题：

将基金会的.css文件重命名为.less并放入/less/目录。

• 任何.css文件都是有效的.less文件（但不是相反）
• 您不必将此CSS转换为LESS，只需对要修改的内容进行转换，这样可以节省一些时间；）

在master.less文件中，使用@import'foundation file'导入这些文件；

• 回复：如何组合css/less文件：）

只编译master.less并将其包含在HTML中

• master.less是您假定的MAIN样式表，实际上可能只包含@import语句，对我来说，以这种方式管理所有内容（以及组合发生的位置）更容易。它将编译为master.css，然后使用它

---

基金会最终在第三版中迁移到了SCSS，所以这成了一个没有实际意义的观点