使用angular-cli构建其他项目可以安装的库
Using angular-cli to build a library other projects can install
这里有一点背景:
我为我的组织创建了一个 angular-cli (beta 17) 项目,其中包含几个组件,我想与组织中的其他 Angular 2 个项目共享。
我一开始保持简单,只是使用 npm 将 GitHub 存储库安装到实施应用程序中并导入组件。我认为这会正常工作,因为它编译得很好,但是 运行 当找不到导入组件的模板 HTML 文件时,浏览器中的应用程序产生了 404 错误。
我什至尝试在组件定义中使用内联 HTML 模板,但它仍在尝试查找 HTML 文件。
有没有什么好的方法可以使用 angular-cli 构建一个组件库应用程序,并允许其他项目安装和使用它?如果没有,什么是好的选择?感谢您的帮助。
Angular CLI 目前不支持此功能,但在未来支持的路线图上。
我所看到的图书馆的当前流程是自定义构建流程。我会建议找到一个你通过 npm 使用过的库,将它追溯到 github,它可能被维护,并礼貌地 借用 他们的项目结构。现在确保它支持的主要功能是 AoT 编译,您的用户会感谢您。
正如@Brocco 提到的那样,目前还没有这样的功能,但它将会是(参见 discussion)。
所以现在我建议基于此创建库 sample. (this diff commit 显示需要做什么)
查看 Ng-packagr,它可以集成到 Angular CLI 项目中,并用于使用 Angular 包格式从中导出组件库。有关简单教程,请参阅 https://medium.com/@ngl817/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e
这里有一点背景:
我为我的组织创建了一个 angular-cli (beta 17) 项目,其中包含几个组件,我想与组织中的其他 Angular 2 个项目共享。
我一开始保持简单,只是使用 npm 将 GitHub 存储库安装到实施应用程序中并导入组件。我认为这会正常工作,因为它编译得很好,但是 运行 当找不到导入组件的模板 HTML 文件时,浏览器中的应用程序产生了 404 错误。
我什至尝试在组件定义中使用内联 HTML 模板,但它仍在尝试查找 HTML 文件。
有没有什么好的方法可以使用 angular-cli 构建一个组件库应用程序,并允许其他项目安装和使用它?如果没有,什么是好的选择?感谢您的帮助。
Angular CLI 目前不支持此功能,但在未来支持的路线图上。
我所看到的图书馆的当前流程是自定义构建流程。我会建议找到一个你通过 npm 使用过的库,将它追溯到 github,它可能被维护,并礼貌地 借用 他们的项目结构。现在确保它支持的主要功能是 AoT 编译,您的用户会感谢您。
正如@Brocco 提到的那样,目前还没有这样的功能,但它将会是(参见 discussion)。
所以现在我建议基于此创建库 sample. (this diff commit 显示需要做什么)
查看 Ng-packagr,它可以集成到 Angular CLI 项目中,并用于使用 Angular 包格式从中导出组件库。有关简单教程,请参阅 https://medium.com/@ngl817/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e