使用 Bower，您如何在构建中包含第三方 javascript？

【问题标题】：With Bower, how do you include third party javascript in your build?使用 Bower，您如何在构建中包含第三方 javascript？
【发布时间】：2014-05-27 06:07:28
【问题描述】：

我刚刚下载了一个 javascript 库，并通过复制粘贴到 index.html 中来包含它。但是，每当我执行 Bower 发球或构建时，它都会被覆盖。

到目前为止，对于我的其他 javascript 库来说，这样做很容易：

bower install --save LIBRARY_NAME

那么对于 Bower 无法安装的库，我该怎么办呢？我怎样才能将它添加到我的项目中，以便它被凉亭构建拾取？

【问题讨论】：

标签： node.js angularjs gruntjs bower

【解决方案1】：

我认为您指的是 grunt 而不是 bower 用于构建或服务命令。

在您的 index.html 中，您应该会看到如下内容：

<!-- build:js(app) scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<!-- endbower -->
<script src="scripts/custom/3dparty.js"></script>
<!-- endbuild -->

当您运行构建或服务时，您通过 bower 加载的所有包都会在 index.html 中添加到标签  和  中，您放置在这里的所有内容都将被覆盖。

您需要将您的第 3 方脚本包含在内，以便在您的 html 中保留对它的引用，就像我在示例中所做的那样。

【讨论】：