详解如何构建一个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 相关文章推荐
表单(FORM)的一些实用效果代码
Mar 25 Javascript
jquery 按钮状态效果 正常、移上、按下
Aug 12 Javascript
使用FlexiGrid实现Extjs表格效果方法分享
Dec 16 Javascript
DOM基础教程之使用DOM控制表格
Jan 20 Javascript
javascript实现十秒钟后注册按钮可点击的方法
May 13 Javascript
jQuery带进度条全屏图片轮播特效代码分享
Jun 28 Javascript
js 判断各种数据类型的简单方法(推荐)
Aug 29 Javascript
微信小程序 loading(加载中提示框)实例
Oct 28 Javascript
Vuejs仿网易云音乐实现听歌及搜索功能
Mar 30 Javascript
Vue从TodoList中学父子组件通信
Feb 05 Javascript
javascrit中undefined和null的区别详解
Apr 07 Javascript
Node.js HTTP服务器中的文件、图片上传的方法
Sep 23 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
百事可乐也出咖啡了 双倍咖啡因双倍快乐
2021/03/03 咖啡文化
BBS(php & mysql)完整版(一)
2006/10/09 PHP
Apache2 httpd.conf 中文版
2006/11/17 PHP
php explode函数实例代码
2012/02/27 PHP
基于php无限分类的深入理解
2013/06/02 PHP
Smarty foreach控制循环次数的实现详解
2013/07/03 PHP
PHP根据传来的16进制颜色代码自动改变背景颜色
2014/06/13 PHP
javascript 建设银行登陆键盘
2008/06/10 Javascript
js实现文字在按钮上滚动的方法
2015/08/20 Javascript
理解javascript定时器中的单线程
2016/02/23 Javascript
用jQuery的AJax实现异步访问、异步加载
2016/11/02 Javascript
Node.js+Express+MySql实现用户登录注册功能
2017/07/10 Javascript
node中Express 动态设置端口的方法
2017/08/04 Javascript
jq.ajax+php+mysql实现关键字模糊查询(示例讲解)
2018/01/02 Javascript
vue计算属性computed的使用方法示例
2019/03/13 Javascript
巧妙运用v-model实现父子组件传值的方法示例
2019/04/07 Javascript
Vuejs中的watch实例详解(监听者)
2020/01/05 Javascript
JavaScript 实现轮播图特效的示例
2020/11/05 Javascript
python实现批量转换文件编码(批转换编码示例)
2014/01/23 Python
Linux上安装Python的PIL和Pillow库处理图片的实例教程
2016/06/23 Python
Python实现改变与矩形橡胶的线条的颜色代码示例
2018/01/05 Python
Python常用字符串替换函数strip、replace及sub用法示例
2018/05/21 Python
Python3实现的爬虫爬取数据并存入mysql数据库操作示例
2018/06/06 Python
在dataframe两列日期相减并且得到具体的月数实例
2018/07/03 Python
python中dict使用方法详解
2019/07/17 Python
python numpy存取文件的方式
2020/04/01 Python
利用pandas合并多个excel的方法示例
2019/10/10 Python
Python爬虫获取页面所有URL链接过程详解
2020/06/04 Python
Python getattr()函数使用方法代码实例
2020/08/10 Python
python进行OpenCV实战之画图(直线、矩形、圆形)
2020/08/27 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
VSCODE配置Markdown及Markdown基础语法详解
2021/01/19 Python
日本即尚网:JSHOPPERS.com(支持中文)
2019/12/03 全球购物
Solaris操作系统的线程机制
2012/12/23 面试题
材料专业大学毕业生自荐书
2014/07/02 职场文书
企业安全生产责任书范本
2014/07/28 职场文书