这篇文章主要内容是介绍在使用 angular-cli 创建并且发布一个 npm 模块，主要是针对 Angular6 以后的 npm 包发布流程。相关版本信息如下：

  • Angular CLI: 7.2.4
  • Node: 10.15.0
  • Angular: 7.2.4

　　相信每一个前端开发者都对下图颇有感触，在日常编码中，我们通过 npm 引入包来进行辅助开发，而对于如何发布 npm 包模块可能不太清晰。特别是使用 Angular 的开发者，因为 Angular 的不断升级，可能现在查阅到的相关资料有些落后，从而加高了这个门槛。希望读者能在阅读本文后，能在5分钟内发布一个属于自己的 npm 包，从而熟悉这个流程，方便日后向社区贡献自己的力量。

一、使用 angular-cli 创建需要发布的 library

　　想要发布一个 npm 包，需要先创建一个包。我们通常使用 angular-cli 生成 Angular 组件、模块等。在 Angular6 以后，angular-cli 已经集成了相关工具链，我们也可以使用 cli 命令来生成一个包，ng g library <libraryName> 这个称作 Library Support。
　　为了演示，我们先创建一个新的 Angular 项目 ng new hello-world-project，在项目的根目录下，我们使用 ng g library HelloWorld 创建了一个 library，创建后目录如【图二】

使用 Library Support 的功能可以简化我们的发包流程。通过这个功能，可以轻松地创建一个代码库
目标，创建一个基于 Material 的代码展示模块
在未进行发布时候进行模块的测试

要求，和 Material 现有模块保持一致，用例

1
import { MatPrettyCode } from ''

UseAge: [03]

参考引用