详解如何构建一个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 关闭IE6、IE7
Jun 01 Javascript
jquery关于图形报表的运用实现代码
Jan 06 Javascript
密码强度检测效果实现原理与代码
Jan 04 Javascript
javascript学习笔记(八)正则表达式
Oct 08 Javascript
jQuery/CSS3图片特效插件整理推荐
Dec 07 Javascript
jQuery中hide()方法用法实例
Dec 24 Javascript
完美兼容多浏览器的js判断图片路径代码汇总
Apr 17 Javascript
基于Jquery实现万圣节快乐特效
Nov 01 Javascript
jQuery实现文章图片弹出放大效果
Apr 06 jQuery
解决layer图标icon不加载的问题
Sep 04 Javascript
微信小程序使用蓝牙小插件
Sep 23 Javascript
vue3.0+vue-router+element-plus初实践
Dec 02 Vue.js
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 常用类汇总 推荐收藏
2010/05/13 PHP
php number_format() 函数通过千位分组来格式化数字的实现代码
2013/08/06 PHP
php实现比较两个文件夹异同的方法
2015/06/18 PHP
PHP使用Mysqli类库实现完美分页效果的方法
2016/04/07 PHP
laravel5.2实现区分前后台用户登录的方法
2017/01/11 PHP
php实现算术验证码功能
2018/12/05 PHP
客户端静态页面玩分页
2006/06/26 Javascript
JS匀速运动演示示例代码
2013/11/26 Javascript
jQuery 中国省市两级联动选择附图
2014/05/14 Javascript
Javascript 实现复制(Copy)动作方法大全
2014/06/20 Javascript
Google 爬虫如何抓取 JavaScript 的内容
2017/04/07 Javascript
Javascript 关于基本类型和引用类型的个人理解
2019/11/01 Javascript
[01:09:50]VP vs Pain 2018国际邀请赛小组赛BO2 第二场
2018/08/20 DOTA
[01:14:30]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第二场 8.20.mp4
2019/08/22 DOTA
Python通过websocket与js客户端通信示例分析
2014/06/25 Python
详解python并发获取snmp信息及性能测试
2017/03/27 Python
单利模式及python实现方式详解
2018/03/20 Python
详解Python做一个名片管理系统
2019/03/14 Python
python求最大值最小值方法总结
2019/06/25 Python
django一对多模型以及如何在前端实现详解
2019/07/24 Python
python+tkinter实现学生管理系统
2019/08/20 Python
使用Pyhton集合set()实现成果查漏的例子
2019/11/24 Python
Django框架静态文件处理、中间件、上传文件操作实例详解
2020/02/29 Python
Python通过两个dataframe用for循环求笛卡尔积
2020/04/29 Python
django queryset相加和筛选教程
2020/05/18 Python
canvas学习笔记之绘制简单路径
2019/01/28 HTML / CSS
linux面试题参考答案(8)
2015/08/11 面试题
幼儿园教师获奖感言
2014/03/11 职场文书
护士求职信范文
2014/05/24 职场文书
关于旅游的活动方案
2014/08/15 职场文书
股指期货心得体会
2014/09/13 职场文书
小学教师师德师风个人整改措施
2014/09/18 职场文书
2014最新党员批评与自我批评材料
2014/09/24 职场文书
自查自纠工作情况报告
2014/10/29 职场文书
先进个人事迹材料范文
2014/12/30 职场文书
公司承诺函范文
2015/01/21 职场文书