如何在 Angular 4.x 应用程序中使用 bower 管理前端依赖项

Question

在使用 bower 管理和安装前端依赖项之前，我曾参与过 angular 1.x 项目。我们使用了 gulp 构建系统，其中我们使用 gulp-wiredep 连接 index.html 中的所有依赖项。

就在最近，我开始从事 Angular 4.x 项目并计划用 gulp 创建一个构建系统。这甚至可能吗？我知道还有其他可用的选项，如 webpack、angular-cli 等......但希望使用 gulp 创建它。

我的问题是：

1. 如何管理前端依赖？

之前我们使用 gulp 时，前端依赖项由 bower 管理，我们使用 gulp-wiredep 将所有这些连接到 index.html 中。但是当我在 bower 中搜索 Angular 4.x 包时，我没有找到。

1. 如果我使用 SystemJs 作为模块加载器，是否还需要引用 index.html 中的所有 js（ts->js）？

之前我们有一个 gulp 任务，它提取 index.html 中引用的所有 js 文件并将其捆绑到一个 app.js 文件中。

请帮忙！我了解 Angular 4.x，但我发现构建系统很难。

Answer 1

如何管理前端依赖？

为此使用npm。 Bower is dying.

如果我使用 SystemJs 作为模块加载器，我是否仍然需要引用所有 index.html中的js（ts->js）？

不，你只需要引用起始模块，通常是main.js。阅读更多here。

但我强烈建议为您的构建系统考虑 webpack/angular-cli。