[Schematics 實戰] 在本機專案測試 Schematics 執行結果
之前的幾篇文章中,我們已經學會如何使用 Angular Schematics 來改變整個目錄的結構,並使用 Schematics CLI 在專案下測試,但 Schematics 真正的目標是在別的專案內也可以使用,所以我們就來看看如何在本機的其他專案測試 Schematics 的結果吧!
npm link
Schematics 專案本身就是一個 node.js 的專案,所以會在 package.json 內包含了專案名稱及相關設定等等,如果將套件發佈到 npm 上,就可以使用 npm install [套件名稱] 的方式將 Schematics 安裝回來。
但是總要本機測試看看吧!這時候我們可以使用 npm link [套件路徑] 的方式,將本機的某個 node.js 專案安裝到目前的專案內。
舉例來說,我有一個寫好的 Schematics 專案在 C:\SchematicsDemo 下,接著我可以建立另外一個 node.js 專案,假設路徑為 C:\MyAwesomeProject,此時我可以在 C:\MyAwesomeProject 目錄下執行指令 npm link C:\SchematicsDemo,來將本地開發的 Schematics 安裝到目前專案下。
至於 Schematics 的名稱呢?就要看 C:\SchematicsDemo\package.json 內的 name 屬性了,假設 name 為 schematics-demo,這時候就可以在 C:\MyAwesomeProject\node_modules,找到這個名稱的目錄,代表安裝成功囉。
使用 Schematics CLI 指令
安裝完成後,就可以使用 Schematics CLI 指令來改變專案結構囉,Schematics CLI 指令為:
schematics [套件名稱]:[Schematics 名稱] ...其他參數
以上述的例子來說,套件名稱就是 schematics-demo,假設我們在專案內設計了一個名為 my-schematics 的 Schematics,則完整指令看起來是 schematics schematics-demo:my-schematics
此時預設 DryRun 模式為 false 代表會直接改變檔案系統,若只想看看改變了哪些檔案,則可以加上 --dry-run=true 設定。
npm publish
當測試一切無誤後,就可以使用 npm publish 指令,將開發好的 Schematics 套件發佈到 npm 上囉!
本日小結
要在本機測試或使用 Schematics 非常容易,使用 npm link 就可以在自己的專案內享用寫好的 Schematics 了;完成後若有意願,也可以使用 npm publish 發佈到網路上,供大家使用囉。
下一篇文章我們來看一下如何將 Schematics 與 Angular 做出更好的整合!
