详细说明如何为您的angular app构建第三方库

angular团队位于angular6中，这使得创建Angular第三方库变得更加容易。如果你以前试过这个操作，你会发现并不是很简单！

那么过程是什么呢？

我们构建一个简单的环境，其中包含一些组件、服务和一些接口。

创建项目

1.根据官方教程，使用ng new命令初始化项目：

angular-cli第六版之后的新lib-demo-prefixld版本。配置文件的方式发生了很大变化。angular.json现在表示角度工作空间。

您可以使用ng generate application[my-app-name]命令来添加更多项目

您也可以通过ng generate指令创建一个公共库。

Ng生成库电视迷宫-前缀TM当然，你可以使用速记命令

Ng g lib tvmaze -前缀tm特定参考

使用生成向angular.json添加一个项目.

在库中创建服务

我们会发现tvmaze有自己的package.json、tsconfig.json、tslint.json和karma.conf.js，建立是有原因的，因为这个项目是和主应用独立建立的，它也有组件、服务和模块。我们稍后会添加其他内容。现在让我们添加一些逻辑：

这里解释了provideIn: root是angular6之后的新属性。详见官网。如果是为了包装优化。

在库中创建组件

我们使用angular-cli创建一个组件

#使用-project指定在project-project=tvmaze中创建ng生成组件海报，并像这样编辑它

要在TvmazeModule中注册组件，并且可以从外部访问导出，必须添加两个模块，公共模块和http客户端模块。

建造它

在我们使用它之前，让我们构建它，让我们构建它并指定项目。

建立电视迷宫使用库

接下来，让我们使用刚刚构建的库。通常，我们使用导入来导入第三方库。

我们会发现图书馆并不存在。这样，它是从node_modules中找到的，所以我们需要在根目录下添加到tsconfig.json的路径。

接下来，我们在主项目中使用它：使用tm-poster标签来完成它

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。