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

时间:2016-10-24 14:05:11

标签: angular angular-cli

这是一个小背景:

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

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

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

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

3 个答案:

答案 0 :(得分:9)

Angular CLI目前不支持此功能,但未来支持路线图。

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

答案 1 :(得分:6)

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

答案 2 :(得分:1)

正如@Brocco所说,目前还没有这样的功能,但它会是(见discussion)。

所以现在我建议根据这个sample创建lib。(这个diff commit显示需要做什么)