想象一下，我刚刚使用bower install angular-date-range-picker在项目的根目录中安装了一个我想要的插件。
现在通常我所有的js文件(角度项目(都位于项目根目录上名为js on的文件夹中。
这就是我觉得我错过了什么的地方。如何将我漂亮的新插件包含在我的项目中，而无需追溯 bower 命令安装的每个依赖项？我通常将所有脚本都包含在索引中.html并带有标记。我已经将插件 js 文件从 bower_components 文件夹复制到我的 js 文件夹中(我现在觉得这是错误的(。
如果这是链接到插件的可接受方式，那么我是否应该直接链接到 bower_components 文件夹，以及如何包含该插件的所有依赖项，而无需为每个插件编写脚本标签？(我怎么知道它取决于什么，例如，该bower_components文件夹中还有其他插件(。
抱歉，如果这个问题没有任何意义，我显然缺少一些非常重要的工作流程知识，我不知道如何措辞这个问题以找到我想要的谷歌。
您应该为每个脚本编写一个脚本标记。在大多数情况下，请检查相应的 github 存储库以查看需要哪些依赖项库。除此之外，查看您应该在脚本标记中引用的文件的提示将具有 .min 的扩展名。 .min 是库的缩小版本，可删除空格并替换大变量名称。
一旦您的应用程序准备好投入生产，您可以做几件事。
您可能希望移动到内容分发网络 (CDN(，而不是在本地引用您的文件。这样做的好处是您将拥有一个可靠的主机来托管您的库文件。
另一种选择是使用 Grunt 或 Gulp，它们能够将所有依赖项文件合并到一个文件中。这样做的优点是加载一个文件而不是多个文件的加载时间要快得多。
内容交付网络 - 维基百科
咕噜咕噜 - 主页
咕噜咕噜 - 主页
通常它的配置是这样的：
<!-- build:js ${contextRoot}/app/assets/scripts/modules.min.js -->
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<script src="../bower_components/select2/select2.js"></script>
<script src="../bower_components/angular/angular.min.js"></script>
<script src="../bower_components/angular-route/angular-route.min.js"></script>
...
<!-- endbuild -->
将脚本包含在索引中.html。然后在构建过程中，一些 grunt/gulp(例如 grunt-usemin(插件可以用文件的缩小版本替换<!-- build: -->注释之间的整个部分。
如前所述，您可以将 Grunt 与 grunt-injector 一起使用，它是专门为此制作的，可用于自动将 bower 依赖项注入您的 index.html 以及其他 js/css 文件(您将需要 wiredep 依赖项(。
您将不再需要担心文件注入。