javascript - 如何在 Bower 存储库中包含子依赖项

标签 javascript dependencies bower

我正在创建一个基本的 JS 框架,我将把它上传到 Github,并希望创建一个 Bower 包,以便我可以使用 Bower 将其安装在我的其他项目中。我以前从未这样做过,但我可能可以解决这个问题。

困惑来自于我的框架所依赖的其他依赖项。例如,我想将 Fastclick.js 指定为依赖项并从我的框架内调用它,如下所示。

window.addEventListener('load', function() {
    FastClick.attach(document.body);
}, false);

所以我的问题是我该怎么做?我假设我没有在编译的“/dist”文件夹中包含 Fastclick 库,并且我可以在 Bower 文件中指定它,这样当有人安装我的框架时,他们将获得正确版本的 Fastclick?如果是这种情况,那么我如何确保他们在我的库之前加载该库?我无法控制他们的 HTML 或他们加载脚本的顺序。

我可以将 Fastclick 代码复制并粘贴到我的库中,这当然是一种选择,但我觉得必须有更好的方法来做到这一点。我的大脑告诉我,要正确地做到这一点,需要某种 JS 模块加载系统。

正如你所知。我真的不知道我在说什么,所以如果问题很模糊,我很抱歉。任何帮助将不胜感激。

最佳答案

做一个

bower install --save <library-name> // in your case Fastclick.

这将创建一个 Bower.json 文件,或使用库更新它。现在它也应该保存在 bower_components/ 中.

现在转到bower_components/<library-name>并查看您想要将哪个文件包含到您的项目中。例如,来自bower.json of FastClick ,似乎您需要包括 lib/fastclick.js对于功能。

因此,要使用该库,在项目的 index.html 中,您需要添加一个脚本标记,如下所示:

<script src="bower_components/FastClick/lib/fastclick.js"></src>

现在你已经完成了!

任何克隆您的 git 存储库的人都只需执行 bower install ,并且一切都应该开箱即用。

您不需要 checkin Bower_components 文件夹,而只需 checkin Bower.json 文件,该文件可用于安装所有依赖项。

希望这有帮助!

关于javascript - 如何在 Bower 存储库中包含子依赖项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34645294/

相关文章:

javascript - 为什么我的 Lambda 函数在完成请求之前就退出了?

javascript - ECMAScript 6 箭头函数

javascript - Strapi:如何上传图像并将其链接到模型?

javascript - 单击打印按钮页面后重定向到另一个页面javascript

asp.net - Bower ASP.NET Core MVC 缺少 jquery.validate.js 文件

gradle - 在Gradle中动态添加依赖项?

c# - 使用应用程序分发外部程序集?

visual-studio-2008 - 检查所有库和 dll 是否来自同一个版本?

github - Bower 不同步项目依赖项中的 dist 文件夹?

bower - 是否可以将 bower.json 放在根文件夹之外?