使用jQuery插件及其依赖项的指南

使用jQuery插件及其依赖项的指南,jquery,plugins,dependency-management,directory,Jquery,Plugins,Dependency Management,Directory,jQuery插件通常依赖于外部文件:jQuery库、样式表(CSS)、图像、其他插件等。使用(和编写)jQuery插件的指导原则是什么,可以解决依赖关系的放置问题?换句话说,所需的文件应该放在哪里:在主应用程序文件夹(Img、Css、JS或您使用的任何文件夹)下,在插件文件夹(例如Plugins/MyPlugin/Img、Plugins/MyPlugin/Css等)下,还是其他什么 在为项目添加了几个插件之后,我担心其他项目成员将很难确定哪些依赖项是必需的,哪些文件应该放在哪里 什么对您有效,什

jQuery插件通常依赖于外部文件:jQuery库、样式表(CSS)、图像、其他插件等。使用(和编写)jQuery插件的指导原则是什么,可以解决依赖关系的放置问题?换句话说,所需的文件应该放在哪里:在主应用程序文件夹(Img、Css、JS或您使用的任何文件夹)下,在插件文件夹(例如Plugins/MyPlugin/Img、Plugins/MyPlugin/Css等)下,还是其他什么

在为项目添加了几个插件之后,我担心其他项目成员将很难确定哪些依赖项是必需的,哪些文件应该放在哪里


什么对您有效,什么对您无效?

就我个人而言,当我构建插件时,我会尽量减少对其他资源的依赖,以避免这个问题。有时你无法避免使用外部样式表,在这种情况下,我总是将它们与我的其他CSS文件放在一起,即使它们最初包含在与插件相同的文件夹中。这避免了在决定哪些样式表应该放在哪里等时出现任何歧义。无论如何,您都必须手动包含它们。如果该插件有任何依赖项,它们将放在JS文件夹中,以与其他插件类似的方式组织。在本例中,图像将与所有其他图像一起使用

在构建插件时,您可以通过允许用户定义应用于特定对象的类,或者让用户定义插件将操作的结构,使插件更加灵活。所有这些都可以做到,同时提供一组良好的默认值,以供遵循,同时尽可能少地依赖外部资源

至于是否已经为这些情况定义了最佳实践,我还没有找到任何。我只在jQuery网站上找到了插件创作指南:

编辑:

为了澄清插件依赖关系组织:

假设您有jquery.x.js和jquery.y.js。它们都依赖于jquery.z.js。我总是将jquery.z.js与jquery.x.js和jquery.y.js放在同一个文件夹中。这避免了与打破组织惯例有关的重复和任何混乱。因此:

  • ./jquery.x.js
  • ./jquery.y.js
  • ./jquery.z.js
我通常按以下方式组织我的文件夹:

  • /js/jquery-x.x.js
  • /js/plugins/jquery.x.js
  • /js/plugins/jquery.y.js
  • /js/plugins/jquery.z.js

好的建议。一个问题:假设你有依赖于插件Z的插件X和Y。如果你把Z放在JS文件夹的X和Y下,当你在项目中使用X和Y时,如何避免重复和可能的冲突?你只是从X或Y的文件夹中包含一次吗?您是否将Z作为一个独立的插件,并保留副本以供参考?还有什么吗?@Alek,我已经更新了我的帖子来回答你的评论。很酷,谢谢Tres。这很好,别担心,老兄。很高兴提供帮助。+1表示答案,如果可以的话,我会再次+1表示更新答案。没有指南!如何组织您的文件只是一个偏好问题。