Angular 开发NPM第三方包

步骤:

创建第三方包 》 开发第三方包 》 测试第三方包 》 发布第三方包 》 使用第三方包

实例:

第一步:创建第三方包;; (创建项目,项目下创建第三方库)

1. 新建项目

ng new zerolibrary

2. 创建第三方库

// 目录切换至新创建的项目
cd zerolibrary

// 创建第三方库 (--prefix: 前缀;在用命令行新建组件/指令时,selector的属性值的前缀)
ng g library zero --prefix zm

=== >目录结构 (多了projects目录)

第二步:开发第三方包;;(在第三方库中新建组件、模块)

1. 第三方库中新建button组件

// 切换至第三方库创建组件的位置
cd projects/zero/src/lib

// 新建组件
ng g c button

====> 目录结构

2. 第三方库的模块中导出新建组件,可供外部模块使用

// zero.module.ts
exports: [ButtonComponent]

第三步:测试第三方包;;;(本地测试第三方包中模块、组件是否可用)

1. app.module.ts中导入第三方包的模块文件

// 配置app.module.ts
imports: [ZeroModule]

2. app.component.html中使用第三方包的ButtonComponent组件

<zm-buttom></zm-button>

3. 浏览器访问localhost:4201

第四步:发布第三方包;;;(npm测试无问题,发布)

1. 构建npm包

// 切换至第三方包根目录下
cd projects/zero
// 构建
ng build zero

====>目录结构 (多了dist目录)

2. 发布至npm官网

// 需要登录(npm login),有自己的npm账号
npm publish


第五步:使用第三方包;;;(别的项目使用自己新建发布的NPM包)

1. 项目中安装

npm install [email protected] --save

2. 在需要使用NPM包的模块中引入NPM包模块

imports: [ZeroModule]

3. 在组件中使用即可

<zm-button></zm-buttom>

发布过程中的问题:

npm ERR! publish Failed PUT 403

原因一: 当前电脑所使用的npm源未在npm官网上

解决: nrm use npm ,然后再publish

原因二: 该npm包已经在共有npm网站上存在了

解决:更改package.json文件中的“name”值,然后再publish

原文地址:https://www.cnblogs.com/zero-zm/p/9932304.html

时间: 11-08

Angular 开发NPM第三方包的相关文章

【使用JBoss 7开发Java EE 6】EJB引用第三方包

在EJB里引用了第三方包后,必须在JBoss里进行这个包的配置,否则项目肯定会部署失败. 在JBoss7以前的版本里,这些第三包可以放到%JBOSS_HOME%/common/lib下面,但JBoss 7与以前的版本完全不同了.JBoss 7里使用的是模块加载,第三方Jar包也会当成模块来加载,所以需要在JBoss 7里对第三方Jar包进行配置. 配置分为两个步骤,一个是在modules这个文件夹里以包层次作为文件夹名,最后一级是版本号,没有则为main,如示例: package calcula

iOS开发-常用第三方开源框架介绍(你了解的ios只是冰山一角)

iOS开发-常用第三方开源框架介绍(你了解的ios只是冰山一角) 2015-04-05 15:25 2482人阅读 评论(1) 收藏 举报开源框架 图像: 1.图片浏览控件MWPhotoBrowser       实现了一个照片浏览器类似 iOS 自带的相册应用,可显示来自手机的图片或者是网络图片,可自动从网络下载图片并进行缓存.可对图片进行缩放等操作.      下载:https://github.com/mwaterfall/MWPhotoBrowser目前比较活跃的社区仍旧是Github,

iOS开发-常用第三方开源框架介绍

iOS开发-常用第三方开源框架介绍 图像: 1.图片浏览控件MWPhotoBrowser 实现了一个照片浏览器类似 iOS 自带的相册应用,可显示来自手机的图片或者是网络图片,可自动从网络下载图片并进行缓存.可对图片进行缩放等操作. 下载:https://github.com/mwaterfall/MWPhotoBrowser 目前比较活跃的社区仍旧是Github,除此以外也有一些不错的库散落在Google Code.SourceForge等地方.由于Github社区太过主流,这里主要介绍一下G

python django -6 常用的第三方包或工具

常用的第三方包或工具 富文本编辑器 缓存 全文检索 celery 布署 富文本编辑器 借助富文本编辑器,管理员能够编辑出来一个包含html的页面,从而页面的显示效果,可以由管理员定义,而不用完全依赖于前期开发人员 此处以tinymce为例,其它富文本编辑器的使用可以自行学习 下载安装 在网站pypi网站搜索并下载"django-tinymce-2.4.0" 解压 tar zxvf django-tinymce-2.4.0.tar.gz 进入解压后的目录,工作在虚拟环境,安装 pytho

Python学习笔记(二)在线用pip下载第三方包

根据他人的博客,可以发现pip也是可以离线安装已经下载好的包的,具体请参考<pip常用命令>.由于现在还没进展到那个程度,所以本次博客先记录一下我已经学会的东西. 1.pip基本用法 (1)以下载numpy为例,看如何使用pip下载第三方包 只需要打开cmd,然后输入: 1 pip install numpy 如果你的机子现在是联网的,那么就可以下载numpy并且给你安装上. (2)以numpy为例,看如何使用pip卸载第三方包 一样是打开cmd,然后输入: 1 pip uninstall n

将自己开发的依赖包加入到Maven本地仓库

Maven 在 pom 文件中加入自己开发的依赖包,这些包肯定是不在Maven仓库(http://repo.maven.apache.org/maven2/)的.那我们怎么将那些不在Maven仓库中的包加入到本地的Maven库中呢?很简单.这里以IKAnalyzer.jar包为例进行讲解. 第一步 :将IKAnalyzer.jar包存放在一个文件夹中,比如test文件夹 第二步 :建一个IKAnalyzer.jar包相关的 pom .xml文件,需要在pom.xml中定义其maven坐标及其相应

基于QT开发的第三方库

基于Qt开发的第三方库 分类: Qt2014-02-12 11:34 1738人阅读 评论(0) 收藏 举报 QT第三方库 目录(?)[+] 文章来源:http://blog.csdn.net/zhgn2/article/details/14613519 QxOrm QxOrm is a new open source ORM (Object Relational Mapping) C++ library designed to provide : * Persistence (based on

解决eclipse中自带的maven搜索不到非本地第三方包问题

最近使用eclipse中的maven插件时发现,在pom.xml文件中添加第三方包时,查询不到非本地的jar包,感到格外不方便,也感到非常困惑.我记得在早期的eclipse版本中是自己安装maven插件,不存在该问题,于是就花费了半个小时时间来研究了下,结果发现,eclipse自带的插件,默认不会将第三方包索引下载到本地,所以就搜索不到了,按如下方法就可以下载并使用了 1. 打开windows -> preferences -> maven,勾选如图所示 2.  打开 windows ->

程序开发常用第三方类库一览表(VendorLib)

以下是自己开发过程中用到的第三方类库,记录下来方便查阅 ---------------------------------------------------------------------------------------------------///////////////////////////////////////////////////JAVA第三方类库///////////////////////////////////////////////----------------

go get安装第三方包的前提条件和步骤

首先,你要找到第三方类包所在的网址, 例如:  http://github.com/go-sql-driver/mysql分为命令行自动安装 和 手动下载 然后安装. ( 欢迎加入go语言群: 218160862 ,群内有实践) 一.通过 go get github.com/go-sql-driver/mysql    命令安装第三方类库  要启用 go get github.com/go-sql-driver/mysql    命令,  首先必须设置环境变量GOPATH的路径.并且安装git