带有 JS 库依赖项的 Wordpress 插件开发？具有源代码管理的最佳长期方法？

Question

当您的插件需要大量 javascript 库依赖项时，开发 Wordpress 插件的最佳方法是什么？

我的示例：我正在开发一个插件，它大量使用了插件管理区域中的 Backgrid.js 库。 Backgrid.js 的基本依赖是 Backbone.js 和 Underscore.js .这不是问题，因为 Wordpress 在最新版本中包含了这两个版本的最新版本。

问题？在我的 Backgrid.js 实现中，我还必须使用许多可用的扩展，例如 backgrid-paginator 来使分页工作。此处列出了许多扩展：https://github.com/wyuenho/backgrid/wiki#extensions

让我头疼的是如何通过我的源代码控制管理来最好地长期管理这个插件。因为我 NOT 不想自己下载每个单独的扩展，所以我只是在我的文件中使用了 Bower (http://bower.io/)插件目录来快速下载这些依赖项。这会在我的插件文件夹中创建一个 /bower_components 目录，所有这些依赖项都位于该目录中。

现在让我做个序言，我对使用 Bower 还很陌生。但我对 Wordpress 开发也很陌生，所以我还没有完全跟上这个平台的最佳实践。仅在客户需要时才进行处理。

当然现在我的 Wordpress 插件充满了加载脚本，例如：

wp_enqueue_script('backgrid-paginator', CUSTOM_PLUGIN__PLUGIN_URL . 'bower_components/backgrid-paginator/backgrid-paginator.min.js', array( 'jquery','backbone','underscore','backgrid', 'backbone-pageable'));
wp_enqueue_style('backgrid-paginator-css', CUSTOM_PLUGIN__PLUGIN_URL . 'bower_components/backgrid-paginator/backgrid-paginator.min.css');

使用源代码管理长期管理此插件的最佳方法是什么？我是 Bower 的新手，Google 上的所有内容都只讨论将 Bower 与 Wordpress 主题开发结合使用。没有什么可以在插件开发中使用它。

现在想想，最好的方法是在我的插件目录中创建一个包含所有这些依赖项的 Bower bower.json 吗？我会将这个 bower.json 文件添加到插件的源代码管理中，但是 README 安装要求将包括插件需要 XXX 依赖项，最简单的方法是只是 运行: bower install 在插件的目录中获取所有内容？

这是最好的方法吗？我正在尝试从长远考虑，让接管插件责任的人更轻松！ :)

Answer 1

据我所知，WordPress 没有管理 JavaScript 和 CSS 依赖项的真正标准，除了以正确的顺序排列它们之外。

使用 Bower 管理依赖绝对是个好主意。它将使您的 repo 保持供应商文件的清洁，并使以后更新库变得容易。

如果您想让您的生活更轻松一些，您还可以查看 Grunt JS or Gulp JS 构建工具。您可以使用它们将所有 JavaScript 和 CSS 文件压缩、加粗等转换为可分发的项目（例如 all.min.js 和 all.min.css）。这将使 add/remove 图书馆更容易。 使用这些也将使您的入队语句更清晰。