Gruntjs 基础5文件结构和HTML标记 我想用SASS基金会5。它附带了bower和grunt,但我不知道该如何使用这些文件。这个问题可能与“最佳实践”有关,但我需要一个快速的建议 我是否应该将它们保留在bower\u components文件夹中,并从我的web应用程序或 我应该手动将它们复制到更简单的文件夹树还是 我是否应该将bower/grunt输出文件夹更改为更简单的文件夹树

Gruntjs 基础5文件结构和HTML标记 我想用SASS基金会5。它附带了bower和grunt,但我不知道该如何使用这些文件。这个问题可能与“最佳实践”有关,但我需要一个快速的建议 我是否应该将它们保留在bower\u components文件夹中,并从我的web应用程序或 我应该手动将它们复制到更简单的文件夹树还是 我是否应该将bower/grunt输出文件夹更改为更简单的文件夹树,gruntjs,zurb-foundation,bower,Gruntjs,Zurb Foundation,Bower,例如,更简单的文件夹树是 -css -vendor -modernizr.css -foundation.css -js -vendor -jquery.js -foundation.js -img 一、 例如,添加了一个附加的.bowerrc文件,其中包含 {"directory" : "Resources/Private/BowerComponents"} …因为这符合我的框架惯例。因此,我只需相应地修改config.rb文件,并向sass提示在何处查找文

例如,更简单的文件夹树是

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

一、 例如,添加了一个附加的
.bowerrc
文件,其中包含

{"directory" : "Resources/Private/BowerComponents"}
…因为这符合我的框架惯例。因此,我只需相应地修改config.rb文件,并向sass提示在何处查找文件


您可能还想看看哪些是可以开始使用的简单软件包(但请注意,在这种状态下,哪些是活动的)。

在做了大量研究之后,我决定看看一些流行的Yeoman生成器的功能

例如,如果我们看一下generator,它有两种状态:“dev”和“dist”(基本上是开发版本和生产版本)

在开发过程中,我们可能会使用预编译/预丑陋的脚本/样式(如coffeescript、sass、stylus等)。但最终,这些将被加工成可生产的产品

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


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

还有一件事可以说明您的实际问题:我绝对不会复制这些文件,因为您失去了
bower update
的功能。请尽可能地参考它们(例如,使用前面提到的
config.rb
),谢谢您的回答。在我浏览了一些约曼发电机之后,我意识到这些组件中有许多是为了适应开发或生产目的而进行的。我同意,在开发过程中,我们应该在bower_组件中引用它们,这样我们就可以
bower_更新