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