我应该如何在 AngularJS 项目中包含 aws-appsync答案

【问题标题】：How should I include aws-appsync in AngularJS project我应该如何在 AngularJS 项目中包含 aws-appsync
【发布时间】：2018-12-01 20:56:42
【问题描述】：

我正在开发一个使用 bower 作为包管理器和 gulp 将依赖项注入 index.html 文件的 AngularJS 项目。我对这两种工具都不是很熟悉。

我现在想使用 AWS AppSync，但它不能作为 bower 包提供。

目前，AWS SDK 在bower.json 中被指定为文件依赖项：

"aws-sdk": "./thirdparty/script/aws-sdk-2.69.0.min.js",

当我使用 npm npm install aws-appsync 安装 aws-appsync 时，aws-appsync 的 node_modules 文件夹在 lib 目录中包含多个 js 文件。

如何将这些包含在 bower 中，或者是否有其他方法可以完全做到这一点？

我目前无法更改大部分构建和依赖项管理过程，因此非常感谢任何使用当前工具的建议。

【问题讨论】：

【解决方案1】：

感谢您与我们联系！

Bower 团队本身 has recommended that people migrate to npm or yarn，因此 aws-appsync 尚未推送到 Bower。

您是否可以使用类似...的方式直接从 github 安装可能值得调查一下。

bower install <github url>.git

... 并直接从 appsync-sdk github repo 安装。

【讨论】：

虽然 bower 添加了 app-sync 源，但它是 typescript 源。我不希望在 gulp 构建过程中添加另一个步骤来编译它。有没有一种干净的方法可以通过 gulp 构建过程同时使用来自 bower 和 npm 的包，以便能够稳定地迁移到仅 npm？

【解决方案2】：

最后，我破解了一个临时解决方案，直到我可以将整个项目转移到 npm 和 browserify。

我使用 npm 添加了 aws-appsync 包，并在新文件中添加了 required。然后这个文件通过一个使用 browserify 插件的 gulp 任务传递。然后像以前一样将添加的文件包含到其余的构建过程中。

【讨论】：