Foundation 5文件结构和HTML标记

Question

我正在尝试将基础5与SASS一起使用。它配有凉亭和咕噜声，但我不知道应该如何使用这些文件。这个问题可能与“最佳实践”有关，但我在这里需要快速推荐。

• 我应该将它们留在bower_components文件夹中，并通过我的网络应用程序或
链接到它们
• 我应该手动将它们复制到更简单的文件夹树或
• 我应该将bower / grunt输出文件夹更改为更简单的文件夹树吗？

更简单的文件夹树就是......

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

Answer 1

例如，我添加了一个包含内容

的.bowerrc文件

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

...因为这符合我的框架惯例。从这一点来说，我只需要相应地调整config.rb文件，并给出在哪里找到文件的提示。

您可能还想查看https://github.com/zurb/foundation-compass-template这是一个可以开始使用的普通包（但要注意在此状态下处于活动状态的https://github.com/zurb/foundation-compass-template/issues/2）。

Answer 2

经过大量研究，我决定看看一些流行的Yeoman发电机做什么。

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

在开发过程中，我们可能会使用预编译/预先编写的脚本/样式（例如coffeescript，sass，stylus等）。但最终，这些将被处理为生产就绪。

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

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