Twitter的引导(以及类似CSS框架)的文件夹位置

问题描述:

会是什么优点和把bootstrap文件夹从官方引导分布在一个应用程序的cssstyles文件夹,与把它在一个更通用assets目录的利弊或作为顶层文件夹直接在publicwww之下?Twitter的引导(以及类似CSS框架)的文件夹位置

由于Bootstrap主要关注CSS,我最初的倾向是把它放在我的css文件夹中,但它也有图像和Javascript,所以我不确定这是否是最适合它的地方。至于Bootstrap附带的Javascript,它的视觉效果非常好,因此可能将所有内容保留在css文件夹中仍然有意义。

这可能很明显,我的问题不是特定于Bootstrap,而是与任何面向CSS架构的这种类型的结构相关,例如:http://jslegers.github.io/cascadeframework/

我的目标是让事情变得简单,适合我和其他对我的应用程序不熟悉的程序员。除了决定我应该考虑的逻辑位置之外,还有其他因素吗?例如文件夹结构如何影响LESS或SASS文件的LiveReload(特别是如果我想使用Less来扩展Bootstrap类)?

您可能想要考虑管理所有这些的Yeoman。 http://yeoman.io/

+1

或者像[Grunt](http://gruntjs.com/getting-started)(这是Yeoman采用的)更通用的帮助程序,但无论哪种方式,我都非常支持将组件放在Web目录之外(最好由一些东西进行管理,以便它们易于安装和更新,而不必检入到回购站中),并且有一个构建系统可将/收集/连接/缩小到准备部署的发布文件夹中。 – steveax 2013-05-13 00:57:26

+0

@steveax因此,您将所有源文件都放在CSS和JS之类的公共资源中放在Web根目录之上的单个文件夹中?所以,如果你有一个MVC应用程序,那么你会有文件夹'controllers','models','views','lib'等等,还有一个'assets'文件夹,所有的CSS/JS/images都会去? – 2013-05-13 01:03:41

+0

感谢您的建议,我想我绝对应该使用类似的东西(实际上我已经在研究LiveReload,我认为它应该能够处理缩小,编辑等)......但我仍然不清楚目录结构是什么样子(web根目录上下)。 – 2013-05-13 01:05:20