[聚合文章] angular第三方包开发整理

近日笔者维护自己的几个无名小repo时，发觉想要创作一个第三方angular包，着实有一些不难但易乱的小问题，故作此文总结。本文将完成以下内容：

• 从空白开始搭建一个基于angular的第三方包
• 在本地测试待发布的包
• 在npm或yarn发布包中指定内容
• 在普通angular应用中引入并使用发布的包

基本项目搭建

一般的angular app使用angular-cli创建，直接ng new name搞定，生成的项目把webpack、AOT、dev server等细节都隐藏了，还支持各种参数来配置测试和sass等，使用起来直接npm run start、npm run build，可以说是非常傻瓜了，跳过了学习webpack等的许多大坑。
不过，如果是要搭建angular第三方包，预编译样式和打包部署这些一般就用不着了，取而代之的要熟悉npm(yarn)、tsconfig。

初始化

项目搭建命令如下：

mkdir my-ng-libcd my-ng-libyarn init

一路回车(实际情况中还是要编辑好包的基本信息)最终得到一个package.json，然后vscode打开：