詳解如何構建一個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相關的可以自行百度
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了AngularJS中的Promise詳細介紹及實例代碼的相關資料,Promise是一種模式，以同步操作的流程形式來操作異步事件，避免了層層嵌套，可以鏈式操作異步事件，需要的朋友可以參考下2016-12-12
今天小編就為大家分享一篇ng-repeat指令在迭代對象時的去重方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
詳解AngularJS中$http緩存以及處理多個$http請求的方法
$http 是 AngularJS 中的一個核心服務，用于讀取遠程服務器的數(shù)據(jù)，通過本文給大家介紹AngularJS中$http緩存以及處理多個$http請求的方法，希望的朋友一起學習吧2016-02-02
使用AngularJS創(chuàng)建單頁應用的編程指引
這篇文章主要介紹了使用AngularJS創(chuàng)建單頁應用的編程指引,AngularJS是一款高人氣的JavaScript庫,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了Angular CLI 使用教程指南參考小結，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-04-04
本篇文章主要介紹了angularjs實現(xiàn)的前端分頁控件示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
Angular應用里環(huán)境變量SERVER_REQUEST_ORIGIN含義解析
這篇文章主要為大家介紹了Angular應用里環(huán)境變量SERVER_REQUEST_ORIGIN的含義解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-10-10
AngularJS中監(jiān)視Scope變量以及外部調用Scope方法
在AngularJS中，有時候需要監(jiān)視Scope中的某個變量，因為變量的改變會影響一些界面元素的顯示，接下來通過本文給大家介紹AngularJS中監(jiān)視Scope變量以及外部調用Scope方法，需要的朋友參考下吧2016-01-01
AngularJS實現(xiàn)單獨作用域內的數(shù)據(jù)操作
這篇文章給大家介紹了利用AngularJs如何實現(xiàn)ng-repeat內各個小的子作用域單獨數(shù)據(jù)綁定。有需要的小伙伴們可以參考借鑒，下面來一起看看吧。2016-09-09
AngularJS在$scope變量中使用臟值檢查來實現(xiàn)了數(shù)據(jù)雙向綁定。和Ember.js數(shù)據(jù)雙向綁定中動態(tài)設施setter和getter不同，臟治檢查允許AngularJS監(jiān)視那些存在或者不存在的變量。2015-09-09