將Angular6本身定義的模塊發佈成npm包

建立本身的模塊組件

1. ng new 一個工程

2. ng g m 建立模塊 例如我這裏的modules文件下建立header模塊

3. ng g c modules/head 建立一個hear組件，內容隨意

4. 將modules模塊exports出去，讓其餘模塊能夠使用

5. 作個測試在app模塊中引入modules模塊，並使用header組件

發佈前的準備

1.   安裝ng-packagr 並在devDependency中聲明

npm install ng-packagr --save-dev

2. 在工程跟目錄 （不是app，就是工程名開始的算跟目錄）下建立ng-package.json 

3. ng-package.json 

{
  "$ schema": "./node_modules/ng-packagr/ng-package.chema.json",
  "lib":{
     "entryFile": "public_api.ts"
  }
}

4. 建立 public_api.ts文件

5. public.api.ts 導入headermodule

export * from './src/app/modules/header/header.module';

6. 在package.json文件中寫入腳本，並將private值改成false

"scripts": {
  "ng": "ng",
  "start": "ng serve",
  "build": "ng build",
  "test": "ng test",
  "lint": "ng lint",
  "e2e": "ng e2e",
  "packagr": "ng-packagr -p ng-package.json"  // 插入
},
"private": false // 修改

7. 刪除package.json文件中dependences字段的內容

8. 執行上面建立的腳本

npm run packagr

執行以後你會發現，在你的工程的目錄下生成了一個叫作dist的輸入文件

9. 進入dist文件夾執行npm pack

10. 到npm官網中註冊帳號

11. 在工程目錄下執行npm login命令設置帳號密碼和郵箱

12. 進入dist目錄執行npm publish 命令 

至此，一個npm包就能支持經過npm install下來了，能夠查看本身的npm帳戶，上回顯示本身的npm包有幾個，這裏要注意一下生成的dist文件夾裏的package.json文件管理了自定義包的名稱之類的信息，包名不要重複

13. 最後一部就是測試~