脚本和样式表与插件的文件夹结构

Question

我对构建数据的最佳实践/最有效方式感到好奇。

选项

1. 所有脚本都放在scripts文件夹中，所有样式表都放在css文件夹中。
   此方法的问题在于，依赖样式表的插件将不在同一目录中，并且在将脚本添加到页面时可能会被忽略

2. 通过jQuery动态向插件脚本添加样式，从而无需外部样式表。
   用这种方法演唱会是通过jQuery与样式表进行的样式加载

3. 将单独的脚本，样式表和插件放入单独的文件夹，并使插件脚本动态加载样式表。
   此方法的问题在于它可能等于或大于先前方法的开销

我不确定选项2和3的开销，但是它们将是最干净/首选的方法。

我计划记录使用自定义插件的过程，但是我想防止过度使用和将来造成混乱，但需要保持较低的开销。

Answer 1

选项

1-所有脚本都放在scripts文件夹中，所有样式表都放在css文件夹中。...

正确。 标准化所有路径以适合此结构。

2-通过jQuery动态向插件脚本添加样式，而无需使用外部样式表。 用这种方法演唱会是通过jQuery与样式表进行的样式加载

浏览器有缓存是有原因的。 这破坏了缓存的能力。

3-将单独的脚本，样式表和插件放入单独的文件夹，并让插件脚本动态加载样式表。 此方法的问题在于它可能等于或大于先前方法的开销

不要动态加载样式表。 参见＃2。

Answer 2

我个人使用这种类型的文件夹结构，因为它明确定义了我必须管理的代码与我使用但不管理的代码。

Content
   scripts
     //scripts you created
   css
     //css you create
   images
     // images you created
   frameworks
     jQuery
     jQueryUI
     Other Plugins

Answer 3

我最近写了一篇详细介绍我的文件夹设置的文章，该文章基于4个顶级文件夹的孤立结构：

/assets
/content
/resources
/vendor

这样做的原因是基于三个主要标准的关注点分离：

• 内容类型是什么？
• 谁负责内容？
• 内容多久更新一次？

核心原则是通过/ vendor和/ assets将第三方代码与项目代码分开。

应该在它们之间分层的任何代码（例如主题，增强功能，猴子补丁）都应该放在/ assets / vendor中 。

因此，您的自定义层次结构为：

• /供应商
• /资产/供应商
• / assets / [资源类型]

它不会解决您有关加载资产的方式的问题，但是它将提供有关如何管理资产的结构。

此处提供更多信息和示例： http : //www.davestewart.co.uk/blog/project-structuring/