使用角度构建新公共管理理论包的方法

1.创建项目

#项目名称：创建的项目名称尼日利亚新项目名称2。创建第三方包（我们要构建的新公共管理理论包)

激光唱片项目名#库名：创建的包的名称（如佐罗)#前缀：组件前缀（如nz-zorro的组件前都是NZ-)ng g LIBRARY _ NAME-前缀前缀上面命令执行后会在我们项目根目录生成项目目录，目录里就是刚才产生的第三方图书馆，如下图：

3.构建自己的模块

编辑模块，实现我们需要的功能，我在改模块中加入了指令。分时（同timesharing）和模型. ts如下图：

指令。分时（同timesharing）只在模块内部使用，导入在当前模块。分时（同timesharing）里，如下：

从" @angular/platform-browser "导入{ BrowserModule }；从“@棱角分明/核心”导入{ ng module }；从""导入{ NePreviewComponent } ./ne-预览。组件'；从""导入{ ViewerDirectiveModule } ./ne-预览。“指令”；@ ng module({ import s 3360[BrowserModule，ViewerDirectiveModule #这里],声明： [NePreviewComponent]，导出：[Nepreview component]})导出类NePreviewModule { }模型。分时（同timesharing）可能在外部使用，则需在public_api.ts导出，如下：

'导出* from ' ./lib/ne-预览。服务“；”导出* from ' ./lib/ne-预览。组件'；'导出* from ' ./lib/ne-预览。模块“；”导出* from ' ./lib/ne-预览。模型'；# 这个是新加，其他为自动生成4.构建新公共管理理论包

打包前修改package.json中的项目信息，每次更新新公共管理包需修改版本，版本相同提交不上去，可以手动修改，也可命令修改，如下：

新公共管理版本预匹配更多操作

# 版本号从1.2.3 变成1.2.4-0,就是1.2.4 版本的第一个预发布版本新公共管理版本预匹配#版本号从1.2.4-0 变成1.3.0-0,就是1.3.0 版本的第一个预发布版本新公共管理版本preminor#版本号从1.2.3 变成2.0.0-0,就是2.0.0 版本的第一个预发布版本新公共管理版本premajor#版本号从2.0.0-0 变成2.0.0-1,就是使预发布版本号加一新公共管理版本预发行编译打包

#切到项目根目录激光唱片项目根目录路径尼日利亚构建库_名称编译成功，如下图：

在项目根目录会生成距离目录，如下：

到这里我们的新公共管理理论包就制作完成了，接下来就是发布到新公共管理理论仓库~

5.发布新公共管理理论包

这里得先登录NPM，

新公共管理登录#详细操作自行百度#切到目录cd dist/LIBRARY_NAME#发布新公共管理发布6。使用发布的新公共管理理论包

安装我们发布的包

# NPM #包_名：项目/库_名/包里面的名字，默认为：LIBRARY_NAMEnpm安装NPM _包装_名称在项目app.module.ts中引入我们创建的组件，如下：

从" @angular/platform-browser "导入{ BrowserModule }；从“@棱角分明/核心”导入{ ng module }；从""导入{ AppComponent } ./app。组件'；从" @ angular/platform-browser/动画"导入{ browseraningmodule }；从" @角形/形状"导入{窗体模块}；从" @angular/common/http "导入{ HttpClientModule }；从" @棱角分明/普通"导入{ RegisterLocalEdata }；从" @angular/common/locales/zh "导入zh；从""导入{回声图像预览模块}。/回声-图像-预览/回声-图像-预览。模块'；从"回声-图像-预览"导入{回声模块模块};从" ne-img-预览"导入{ nepreview模块}；#===这里registerLocaleData(zh)；@ ng module({ declarations :[AppComponent]，import s 3360[BrowserModule，browseraningsmmodule，FormsModule，HttpClientModule，EchoImagePreviewModule，echommodule，NePreviewModule #==这里]，providers: []，bootstrap: [AppComponent]})导出类AppModule { }模型ts .直接引用：

从" ne-img-预览"导入{ IMGLIST }；组件使用，如下：

东北预览[IMglist]=' IMglist '/ne-ne-预览感谢：哈兰：如何构建一个角度6的第三方新公共管理包

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。