如何構建一個Angular6的第三方npm包

不廢話直接上教程

1.創建項目

ng new projectname

2.建立第三方庫

項目建立完畢，依賴安裝完畢後

# libraryname : 第三方包名字
# prefix : 組件前綴(如 nz-zorro 的組件前都是 nz-xxx)
cd projectname
ng g library libraryname --prefix prefix

3.查看項目目錄

多出一個projects目錄,目錄裏就是剛纔generate的第三方library

能夠看到實際和 ng new 出的項目無多大差異,第三包的依賴直接加入package.json中,而後依賴的Module按照常規方法加入到src/app.module.ts便可.

4.愉快的構建本身的模塊

圖中是模塊的導出文件，應該會去自動去掃描的，若是引用時遇到問題直接從public_api.ts導出而後從新打包便可

5.構建第三方包

這一步須要注意的是，打包前修改package.json中的項目信息，起碼version信息須要修改

#切到根目錄
cd 項目根目錄路徑
ng build mylibrary

看一眼打出的包

6.發佈包

#切到目錄
cd dist/mylibrary
#發佈
npm publish

這裏npm publish相關的能夠自行百度

END

第一次在sf寫，但願給人的感受是：短小精悍！