angular第三方库开发示例

发表于 更新于 分类于 阅读次数：

摘要：angular第三方库开发示例

操作步骤

  1. 创建一个不带默认项目的工作空间
1
ng new dqtable --create-application=false
  1. 创建一个库
1
2
cd dqtable
ng g library dqtable

这样会在项目根目录下创建projects目录，dqtable存放在projects目录下

  1. 创建一个演示的应用
1
ng g application demo

demo项目会在projects目录下创建。

  1. 安装依赖
1
npm i ng-zorro-antd@8
  1. 声明自定义库的依赖

修改库项目的package.json中的peerDependencies，表示你这个库依赖了哪些其他的库。

  1. 进行库的开发，同时在演示项目中看效果。

  2. 打包

1
ng build dqtable

打包后的文件会生成到 dist/dqtable 下

  1. 发布
1
2
cd dist/dqtable
npm publish

示例代码

源码： https://github.com/duqian42707/dqtable
npm包： https://www.npmjs.com/package/dqtable