Foundation 5文件结构和HTML标记

Question

我正在尝试使用Foundation 5与SASS。它带有凉亭和咕噜声，但我不知道如何使用这些文件。这个问题可能与“最佳实践”有关，但我只需要在这里提供一个快速建议。

• 我应该让他们在bower_components文件夹，并链接到他们从我的web应用程序或
• 我应该手动拷贝它们到一个简单的文件夹树或
• 我应该改变的凉亭/咕噜输出文件夹到一个更简单的文件夹树？

一个简单的文件夹树将是例如..

-css 
    -vendor 
    -modernizr.css 
    -foundation.css 
-js 
    -vendor 
    -jquery.js 
    -foundation.js 
-img 

Answer 1

做大量的研究后，我决定看看什么一些流行的约曼发电机做。

例如，我们看看angular-fullstack发生器，有两种状态：“dev”和“dist”（基本上是开发版本和生产版本）。

在开发过程中，我们可能会使用预编译/预变丑脚本/样式（如CoffeeScript中，上海社会科学院，手写笔等）。但最终，这些将被处理为生产就绪。

虽然发展，很容易从bower_components引用它们。但是，在开发之后，它们可能最终必须被编译到不同的文件夹。

在这种情况下，我们有基础的SASS文件，并在bower_components其他一些必要的脚本。虽然我们可以在bower_components文件夹中编译/缩小这些文件，但更好的方法是将这些处理后的源输出到不同的文件夹中。

Answer 2

我举个例子，添加一个额外的.bowerrc文件与内容

{"directory" : "Resources/Private/BowerComponents"} 

...因为这适合我的框架的约定。从这里，我只需要相应地调整config.rb文件，并给出找到文件的位置。

你可能也想看看https://github.com/zurb/foundation-compass-template这是一个你可以入门的普通包（但是要注意https://github.com/zurb/foundation-compass-template/issues/2在这个状态下是活动的）。