Angular CLI 是一个强大的工具，可以帮助开发者快速搭建 Angular 应用。但是，除了应用之外，它还可以用来构建我们自己的库。在本文中，我们将学习如何使用 Angular CLI 构建我们自己的库，并将其发布到 NPM 上，供其他开发者使用。
准备工作
在开始之前，我们需要确保已经安装了 Angular CLI。如果没有安装，可以使用以下命令进行安装：
npm install -g @angular/cli
另外，我们还需要一个可用的代码编辑器，例如 Visual Studio Code。
创建库
使用 Angular CLI 创建库非常简单。我们可以使用以下命令来创建一个名为 my-lib 的库：
ng generate library my-lib
执行完该命令后，Angular CLI 会自动创建一个名为 my-lib 的文件夹，并在其中创建一些必要的文件和文件夹：
-- -------------------- ---- ------- ------- --- ---- - --- ---- - - --- ------------------- - - --- ---------------- - - --- ------------- - --- ------- - --- ----------------- --- ---------- --- ------------ --- ------------- --- ------------ --- --------- --- ------------- --- -----------
在 src/lib 文件夹中，我们可以看到 my-lib.component.ts、my-lib.module.ts 和 public-api.ts 三个文件。
my-lib.component.ts 是我们库的组件文件，my-lib.module.ts 是我们库的模块文件，public-api.ts 是我们库的公共 API 文件。
开发库
在 my-lib.component.ts 文件中，我们可以编写我们自己的组件代码。在 my-lib.module.ts 文件中，我们可以定义我们自己的模块。在 public-api.ts 文件中，我们可以导出我们自己的组件和模块，以供其他开发者使用。
构建库
在编写完我们自己的库之后，我们需要使用 Angular CLI 将其构建成可发布的 JavaScript 包。我们可以使用以下命令进行构建：
ng build my-lib
执行完该命令后，Angular CLI 会在 dist 文件夹中创建一个名为 my-lib 的文件夹，其中包含我们的库的构建后的 JavaScript 代码。
发布库
在构建完我们自己的库之后，我们可以将其发布到 NPM 上，供其他开发者使用。我们可以使用以下命令进行发布：
npm publish dist/my-lib
执行完该命令后，我们的库就已经成功发布到了 NPM 上。
使用库
其他开发者可以使用以下命令将我们的库安装到他们的项目中：
npm install my-lib
在他们的项目中，他们可以使用以下方式来使用我们的库：
-- -------------------- ---- -------
------ - ----------- - ---- ---------
-----------
------------- -
------------
--
-------- -
--------------
-----------
--
---------- ---
---------- --------------
--
------ ----- --------- - -结论
通过本文，我们学习了如何使用 Angular CLI 构建我们自己的库，并将其发布到 NPM 上，供其他开发者使用。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6742cad699516187acd20b5b