详解如何构建一个Angular6的第三方npm包
更新时间：2018年09月07日 11:24:20 作者：harlan
这篇文章主要介绍了详解如何构建一个Angular6的第三方npm包,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
不废话直接上教程
1.建立项目
ng new projectname
2.创建第三方库
项目创建完毕，依赖安装完毕后
# libraryname : 第三方包名字 # prefix : 组件前缀(如 nz-zorro 的组件前都是 nz-xxx) cd projectname ng g library libraryname --prefix prefix
3.查看项目目录
多出一个projects目录,目录里就是刚才generate的第三方library
可以看到实际和 ng new 出的项目无多大差别,第三包的依赖直接加入package.json中,然后依赖的Module按照常规方法加入到src/app.module.ts即可.
4.愉快的构建自己的模块
图中是模块的导出文件，应该会去自动去扫描的，如果引用时遇到问题直接从public_api.ts导出然后重新打包即可
5.构建第三方包
这一步需要注意的是，打包前修改package.json中的项目信息，起码version信息需要修改
#切到根目录 cd 项目根目录路径 ng build mylibrary
看一眼打出的包
6.发布包
#切到目录 cd dist/mylibrary #发布 npm publish
这里npm publish相关的可以自行百度
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Angularjs 事件指令详细整理的相关资料,这里对AngularJS 的所有的事件指令一一做出详细介绍，需要的朋友可以参考下2017-07-07
这篇文章主要介绍了AngularJS中filter的使用实例详解的相关资料,这里提供实例帮助大家理解掌握，希望能帮助到大家，需要的朋友可以参考下2017-08-08
这篇文章主要介绍了Angular1.x自定义指令,结合实例形式分析了Angular1.x自定义指令的实现与使用方法,以及相关操作技巧与注意事项,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了Angular4实现动态添加删除表单输入框功能,需要的朋友可以参考下2017-08-08
本篇文章主要介绍了Angular2 之 路由与导航详细介绍，详细的介绍了路由的用法，具有一定的参考价值，有兴趣的可以了解一下2017-05-05
这篇文章主要给大家介绍了关于Angular6项目打包优化的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Angular6具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-12-12
本篇文章主要介绍了Angularjs使用指令做表单校验的方法，详细的介绍了用指令做校验的方法，具有一定的参考价值，有兴趣的可以了解一下。2017-03-03
今天小编就为大家分享一篇Angularjs实现数组随机排序的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
在Angular 中不管是模板驱动表单还是响应式表单,对于动态创建表单的支持都很好,下面这篇文章主要给大家介绍了关于angular表单动态验证的一种新思路,需要的朋友可以参考下2022-03-03
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
AngualrJS是一个很贴心的web应用框架，本篇通过jQuery和Angular两种方式来实现同一个实例，从而体验两者的不同点以及AngularJS的迷人之处2016-02-02
最新评论