详细解释如何构建第三方npm包Angular6
直接进入教程,不要废话
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或者邮箱删除。