在现代的前端开发中，使用各种优秀的第三方库是非常常见的。而对于许多项目来说，需要开发自己的库以供他人使用，这时一个好用的生成器就显得尤为重要了。generator-ng-library 就是一个为 Angular 库开发打造的 npm 包生成器。本文将介绍如何使用 generator-ng-library。
安装和使用
- 安装 Yeoman
Yeoman 是一个封装了许多生成器的工具，而 generator-ng-library 就是其中之一。首先需要全局安装 Yeoman：
$ npm install -g yo
- 安装 generator-ng-library
生成器使用 npm 发布。可以通过命令行进行安装：
$ npm install -g generator-ng-library
- 创建一个新的库项目
在命令行中进入需要创建库项目的文件夹，并执行以下命令：
$ yo ng-library
根据提示回答一些问题，包括库的名称、描述、作者等。
完成后将在当前文件夹中生成一个新的 Angular 库项目。
生成器的优秀特性
generator-ng-library 拥有一些优秀的特性，使得使用它可以更好地开发 Angular 库。
- 生成器使用更加合理的文件结构，与 Angular CLI 相似。
- 自动生成的库项目包含单元测试和端到端测试。
- 自动生成的库项目包含 GitHub Actions 配置，可以自动构建和测试您的库，在 GitHub 上进行集成测试。
简要代码示例
以下代码是创建一个使用 generator-ng-library 生成的库项目后自动生成的一个简单示例代码：
my-lib.component.ts
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- -------------
--------- -
---
------ ------
----
--
------- -
-
--
------ ----- -------------- -
-my-lib.module.ts
-- -------------------- ---- ------- ------ - -------- - ---- ---------------- ------ - -------------- - ---- --------------------- ----------- ------------- ----------------- -------- --- -------- ---------------- -- ------ ----- ----------- - -
app.component.ts
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ----------- - ---- ---------
------------
--------- -----------
--------- -
-------------------------
-
--
------ ----- ------------ -
----- - ------
-总结
generator-ng-library 是一个优秀的 npm 包生成器，它非常适合用于 Angular 库开发。它提供了良好的文件结构，自动化的测试与 CI/CD 工具，减少了开发者的一些重复劳动。在平常的 Angular 库开发中，使用它可以节约开发时间，提高项目的可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005575f81e8991b448d459b