[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 做出更好的整合!

如果您覺得我的文章有幫助,歡迎免費成為 LikeCoin 會員,幫我的文章拍手 5 次表示支持!