javascript - 管理 jQuery 插件

Question

通常，在使用 jQuery 时，需要包含多个插件。这很快就会变得杂乱无章，尤其是当某些插件需要额外的组件(图像和 CSS 文件)时。

“推荐”的方法有哪些:

• a. 以易于维护的方式管理所需的文件/组件(.js、.css 和图像)，和；
• b. 将这些插件包更新到最新版本

我不一定要寻找一种工具来执行此操作(尽管我认为可以执行此管理的工具会很有用)，但更多的是一种思维方式。

Answer 1

更新:这几天有Bower , Component和 Browserify它会自动为我们处理以下所有事情。

令我惊讶的是，还没有人了解我所做的事情。这就是我管理脚本和资源的方式。

我的每个项目都使用 SVN 进行设置。我包含的几乎所有脚本都有一个 SVN 镜像(这些天 github 有 svn)这意味着我可以使用 SVN 外部并将该项目的任何分支或版本或我想要的任何内容直接获取到项目 scripts文件夹。由于我们使用的是 SVN，因此很容易跟踪、管理和更新这些脚本。

如果一个项目不在 SVN 上，那么我只是将它添加到我创建的一个普通 SVN 项目中，例如项目 A 和项目 B，都使用 jquery-project-not-in-svn，因此我们将 jquery-project-not-in-svn 粘贴到我们公共(public)项目的 SVN 存储库中，然后在项目 A 和 B 上使用 SVN 外部来引用它 - 如前所述。

现在涵盖了管理、获取和更新。

以下是我介绍脚本包含和请求的方式。

由于每个项目现在都有自己的脚本目录，其中包含它需要的所有脚本(由 SVN 外部管理)，我们现在不得不担心缩小它们以减少服务器上的负载。每个项目在其根目录中都有一个Makefile，其中包含命令update。此命令将执行以下操作:

• 执行 SVN 更新(这将适本地更新所有 SVN 外部)
• 完成后，它会将所有 js 文件打包并缩小到 scripts/all.js 和 scripts/all.min.js

我无法共享确切的 Makefile，但我可以共享一个处理 CSS 和 Javascript 的打包/合并和缩小的公共(public)文件。链接在这里: http://github.com/balupton/jquery-sparkle/blob/9921fcbf1cbeab7a4f2f875a91cb8548f3f65721/Makefile

通过做这些事情，我们实现了:

• 管理多个项目的外部脚本资源
• 自动更新适当的脚本资源
• 将项目所有用到的脚本资源打包成一个文件
• 缩小该文件，以便只执行一个 JS 请求和一个 CSS 请求。

祝你好运，如果你想了解更多，请随时发表评论。