詳解如何構(gòu)建一個(gè)Angular6的第三方npm包
更新時(shí)間：2018年09月07日 11:24:20 作者：harlan
這篇文章主要介紹了詳解如何構(gòu)建一個(gè)Angular6的第三方npm包,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
不廢話直接上教程
1.建立項(xiàng)目
ng new projectname
2.創(chuàng)建第三方庫(kù)
項(xiàng)目創(chuàng)建完畢，依賴安裝完畢后
# libraryname : 第三方包名字 # prefix : 組件前綴(如 nz-zorro 的組件前都是 nz-xxx) cd projectname ng g library libraryname --prefix prefix
3.查看項(xiàng)目目錄
多出一個(gè)projects目錄,目錄里就是剛才generate的第三方library
可以看到實(shí)際和 ng new 出的項(xiàng)目無(wú)多大差別,第三包的依賴直接加入package.json中,然后依賴的Module按照常規(guī)方法加入到src/app.module.ts即可.
4.愉快的構(gòu)建自己的模塊
圖中是模塊的導(dǎo)出文件，應(yīng)該會(huì)去自動(dòng)去掃描的，如果引用時(shí)遇到問(wèn)題直接從public_api.ts導(dǎo)出然后重新打包即可
5.構(gòu)建第三方包
這一步需要注意的是，打包前修改package.json中的項(xiàng)目信息，起碼version信息需要修改
#切到根目錄 cd 項(xiàng)目根目錄路徑 ng build mylibrary
看一眼打出的包
6.發(fā)布包
#切到目錄 cd dist/mylibrary #發(fā)布 npm publish
這里npm publish相關(guān)的可以自行百度
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Angularjs 事件指令詳細(xì)整理的相關(guān)資料,這里對(duì)AngularJS 的所有的事件指令一一做出詳細(xì)介紹，需要的朋友可以參考下2017-07-07
這篇文章主要介紹了AngularJS中filter的使用實(shí)例詳解的相關(guān)資料,這里提供實(shí)例幫助大家理解掌握，希望能幫助到大家，需要的朋友可以參考下2017-08-08
這篇文章主要介紹了Angular1.x自定義指令,結(jié)合實(shí)例形式分析了Angular1.x自定義指令的實(shí)現(xiàn)與使用方法,以及相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2017-03-03
Angular4實(shí)現(xiàn)動(dòng)態(tài)添加刪除表單輸入框功能
這篇文章主要介紹了Angular4實(shí)現(xiàn)動(dòng)態(tài)添加刪除表單輸入框功能,需要的朋友可以參考下2017-08-08
本篇文章主要介紹了Angular2 之 路由與導(dǎo)航詳細(xì)介紹，詳細(xì)的介紹了路由的用法，具有一定的參考價(jià)值，有興趣的可以了解一下2017-05-05
Angular6項(xiàng)目打包優(yōu)化的實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于Angular6項(xiàng)目打包優(yōu)化的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Angular6具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
本篇文章主要介紹了Angularjs使用指令做表單校驗(yàn)的方法，詳細(xì)的介紹了用指令做校驗(yàn)的方法，具有一定的參考價(jià)值，有興趣的可以了解一下。2017-03-03
Angularjs實(shí)現(xiàn)數(shù)組隨機(jī)排序的方法
今天小編就為大家分享一篇Angularjs實(shí)現(xiàn)數(shù)組隨機(jī)排序的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
關(guān)于angular表單動(dòng)態(tài)驗(yàn)證的一種新思路分享
在Angular?中不管是模板驅(qū)動(dòng)表單還是響應(yīng)式表單,對(duì)于動(dòng)態(tài)創(chuàng)建表單的支持都很好,下面這篇文章主要給大家介紹了關(guān)于angular表單動(dòng)態(tài)驗(yàn)證的一種新思路,需要的朋友可以參考下2022-03-03
體驗(yàn)jQuery和AngularJS的不同點(diǎn)及AngularJS的迷人之處
AngualrJS是一個(gè)很貼心的web應(yīng)用框架，本篇通過(guò)jQuery和Angular兩種方式來(lái)實(shí)現(xiàn)同一個(gè)實(shí)例，從而體驗(yàn)兩者的不同點(diǎn)以及AngularJS的迷人之處2016-02-02