使用 angular-cli 构建其他项目可以安装的库答案

【问题标题】：Using angular-cli to build a library other projects can install使用 angular-cli 构建其他项目可以安装的库
【发布时间】：2016-10-24 14:05:10
【问题描述】：

这里有一点背景：

我为我的组织创建了一个 angular-cli (beta 17) 项目，其中包含我想与组织中的其他 Angular 2 项目共享的几个组件。

我一开始就保持简单，只是使用 npm 将 GitHub 存储库安装到实现应用程序中并导入组件。我认为这会正常工作，因为它编译得很好，但是当找不到导入组件的模板 HTML 文件时，在浏览器中运行应用程序会产生 404 错误。

我什至尝试在组件定义中使用内联 HTML 模板，但它仍在尝试查找 HTML 文件。

有没有一种使用 angular-cli 构建组件库应用程序的好方法，以允许其他项目安装和使用它？如果没有，有什么好的选择？感谢您的帮助。

【问题讨论】：

【解决方案1】：

Angular CLI 目前不支持此功能，但在未来支持的路线图中。

我看到的库的当前流程是自定义构建流程。我建议您通过 npm 找到一个您使用过的库，将其回溯到 github，它可能会在那里维护，并礼貌地借用他们的项目结构。目前确保它支持的主要功能是 AoT 编译，您的用户会感谢您的。

【讨论】：

【解决方案2】：

查看 Ng-packagr，它可以集成到 Angular CLI 项目中，并用于使用 Angular 包格式从中导出组件库。简单教程见https://medium.com/@ngl817/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e

【讨论】：

【解决方案3】：

正如@Brocco 提到的，目前还没有这样的功能，但它将会是（参见discussion）。

所以现在我建议基于这个sample 创建lib。（这个diff commit 显示需要做什么）

【讨论】：