javascript - 包含通过 Bower 安装的插件的一般方法是什么？

Question

假设我刚刚使用 bower install angular-date-range-picker 在项目的根目录中安装了我想要的插件。

现在通常我所有的 js 文件(angular 项目)都位于项目根目录下名为 js 的文件夹中。

这就是我觉得我遗漏了什么的地方。如何在不追溯安装的 bower 命令的每个依赖项的情况下将我漂亮的新插件包含到我的项目中？我通常将我所有的脚本都包含在带有标签的 index.html 中。我已经将插件 js 文件从 bower_components 文件夹复制到我的 js 文件夹中(我现在觉得这是错误的)。

如果这是链接到插件的可接受方式，那么我是否应该直接链接到 bower_components 文件夹，以及如何包含该插件的所有依赖项而不是为每个插件逐字编写脚本标记？ (我怎么知道它依赖什么，例如 bower_components 文件夹中还有其他插件)。

如果这个问题没有任何意义，我深表歉意，我显然缺少一些非常重要的工作流程知识，而且我不知道如何用谷歌来表达这个问题来找到我想要的东西。

Answer 1

你应该为每一个写一个脚本标签。在大多数情况下，检查相应的 github repo 以查看需要哪些依赖库。除此之外，用于查看您应该在脚本标记中引用的文件的提示将具有 .min 的扩展名。 .min 是该库的缩小版本，它删除了空格并替换了大变量名。

一旦您的应用程序准备好投入生产，您可以做几件事。

您可能希望转移到内容分发网络 (CDN)，而不是在本地引用您的文件。这样做的好处是您将拥有一个可靠的主机来托管您的库文件。

另一种选择是使用 Grunt 或 Gulp，它们能够将所有依赖文件合并到一个文件中。这样做的好处是加载一个文件而不是多个文件的加载时间要快得多。

Content Delivery Network - Wikipedia

Grunt - Homepage

Gulp - Homepage