详解如何构建一个Angular6的第三方npm包


Posted in Javascript onSeptember 07, 2018

不废话直接上教程

1.建立项目

ng new projectname

详解如何构建一个Angular6的第三方npm包

2.创建第三方库

项目创建完毕,依赖安装完毕后

# libraryname : 第三方包名字
# prefix : 组件前缀(如 nz-zorro 的组件前都是 nz-xxx)
cd projectname
ng g library libraryname --prefix prefix

详解如何构建一个Angular6的第三方npm包

3.查看项目目录

详解如何构建一个Angular6的第三方npm包

多出一个projects目录,目录里就是刚才generate的第三方library

详解如何构建一个Angular6的第三方npm包

可以看到实际和 ng new 出的项目无多大差别,第三包的依赖直接加入package.json中,然后依赖的Module按照常规方法加入到src/app.module.ts即可.

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

详解如何构建一个Angular6的第三方npm包

图中是模块的导出文件,应该会去自动去扫描的,如果引用时遇到问题直接从public_api.ts导出然后重新打包即可

5.构建第三方包

这一步需要注意的是,打包前修改package.json中的项目信息,起码version信息需要修改

#切到根目录
cd 项目根目录路径
ng build mylibrary

详解如何构建一个Angular6的第三方npm包

看一眼打出的包

详解如何构建一个Angular6的第三方npm包

6.发布包

#切到目录
cd dist/mylibrary
#发布
npm publish

这里npm publish相关的可以自行百度

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript SocialHistory 检查访问者是否访问过某站点
Aug 02 Javascript
window.name代替cookie的实现代码
Nov 28 Javascript
基于mootools 1.3框架下的图片滑动效果代码
Apr 22 Javascript
原生js实现给指定元素的后面追加内容
Apr 10 Javascript
jQuery中appendTo()方法用法实例
Jan 08 Javascript
canvas实现手机端用来上传用户头像的代码
Oct 20 Javascript
JavaScript实现使用Canvas绘制图形的基本教程
Oct 27 Javascript
Vue响应式添加、修改数组和对象的值
Mar 20 Javascript
微信小程序如何引用外部js,外部样式,公共页面模板
Jul 23 Javascript
JS实现水平遍历和嵌套递归操作示例
Aug 15 Javascript
微信小程序按钮点击动画效果的实现
Sep 04 Javascript
JavaScript字符串处理常见操作方法小结
Nov 15 Javascript
vue2.0 可折叠列表 v-for循环展示的实例
Sep 07 #Javascript
Js中使用正则表达式验证输入是否有特殊字符
Sep 07 #Javascript
vue.js+element-ui动态配置菜单的实例
Sep 07 #Javascript
详解npm 配置项registry修改为淘宝镜像
Sep 07 #Javascript
vue 点击按钮实现动态挂载子组件的方法
Sep 07 #Javascript
关于JavaScript中高阶函数的魅力详解
Sep 07 #Javascript
npm配置国内镜像资源+淘宝镜像的方法
Sep 07 #Javascript
You might like
让PHP支持页面回退的两种方法
2008/01/10 PHP
php框架知识点的整理和补充
2021/03/01 PHP
Javascript 类与静态类的实现(续)
2010/04/02 Javascript
jquery获取table中的某行全部td的内容方法
2013/03/08 Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
2015/03/16 Javascript
基于Javascript实现文件实时加载进度的方法
2016/10/12 Javascript
jQuery实现的浮动层div浏览器居中显示效果
2017/02/03 Javascript
微信小程序 下拉菜单简单实例
2017/04/13 Javascript
vue下载excel的实现代码后台用post方法
2019/05/10 Javascript
运用js实现图层拖拽的功能
2019/05/24 Javascript
react组件基本用法示例小结
2020/04/27 Javascript
jquery更改元素属性attr()方法操作示例
2020/05/22 jQuery
vuex存取值和映射函数使用说明
2020/07/24 Javascript
JS+CSS实现过渡特效
2021/01/02 Javascript
django自定义Field实现一个字段存储以逗号分隔的字符串
2014/04/27 Python
Python实现简单拆分PDF文件的方法
2015/07/30 Python
django请求返回不同的类型图片json,xml,html的实例
2018/05/22 Python
Python3.6实现带有简单界面的有道翻译小程序
2019/04/16 Python
Python字典常见操作实例小结【定义、添加、删除、遍历】
2019/10/25 Python
Python selenium 自动化脚本打包成一个exe文件(推荐)
2020/01/14 Python
使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)
2013/01/06 HTML / CSS
加拿大消费电子和手机购物网站:The Source
2017/01/28 全球购物
南京迈特望C/C++面试题
2012/07/09 面试题
上海中网科技笔试题
2012/02/19 面试题
J2ee常用的设计模式?说明工厂模式
2015/05/21 面试题
公司财务工作总结的自我评价
2013/11/23 职场文书
大学生自我鉴定范文
2013/12/28 职场文书
大学生职业生涯设计书
2014/01/02 职场文书
2014两会学习心得:榜样精神伴我行
2014/03/17 职场文书
研讨会主持词
2014/04/02 职场文书
英语专业自荐书
2014/06/13 职场文书
党员评议思想汇报
2014/10/08 职场文书
宾馆卫生管理制度
2015/08/06 职场文书
管理者日常工作必备:22条企业管理流程模板!
2019/07/12 职场文书
goland 设置project gopath的操作
2021/05/06 Golang
nginx共享内存的机制详解
2022/03/21 Servers