手机版

详细解释如何构建第三方npm包Angular6

时间:2021-08-30 来源:互联网 编辑:宝哥软件园 浏览:

直接进入教程,不要废话

1.建立项目

ng新项目名称

2.创建第三方库

创建项目并安装依赖项后,

# libraryname :第三方包名# prefix :组件前缀(如NZ-XXX之前的组件nz-zorro) CD项目名ng g库库名-前缀前缀

3.检查项目目录

有一个额外的项目目录,这是刚刚生成的第三方库

可以看出,实际项目和ng new的项目没有太大区别。第三个包的依赖直接添加到package.json,然后按照常规方法将依赖的Module添加到src/app.module.ts。

4.愉快地构建自己的模块

该模块的导出文件如图所示,应自动扫描。如果引用中有问题,可以直接从public_api.ts导出重新打包

5.构建第三方包

这一步需要注意的是在打包之前要修改package.json中的项目信息,至少需要修改版本信息

#转到根目录cd项目根目录路径ngbuild my library

看一看打字包

6.发布包

#转到目录cd dist/mylibrary#发布npm发布。在这里,npm发布可以自行关联百度

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

版权声明:详细解释如何构建第三方npm包Angular6是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。