Jerry 的前一篇文章Angular 原理圖 Schematics 學習 - 動手開發(fā)一個實際的例子，已經(jīng)開發(fā)好了一個可以運行的 Angular library Schematics.

本文介紹具體的運行步驟。

在工作區(qū)的根目錄下，運行庫的 ng build 命令。

ng build my-lib

確保 build 通過：

如果遇到錯誤，可以參考我的代碼倉庫的代碼。

以及這篇文章：解決 Angular 官網(wǎng)下載的 library Schematics build 出錯的辦法

然后，進入庫目錄，構(gòu)建原理圖

cd projects/my-lib
npm run build

確保命令成功運行。

鏈接這個庫

這些庫和原理圖都已打包好了，就放在你工作區(qū)根目錄下的 dist/my-lib 文件夾中。

要運行這個原理圖，你需要把這個庫鏈接到 node_modules 文件夾中。在工作區(qū)的根目錄下，運行 npm link 命令，并把你的可分發(fā)庫的路徑作為參數(shù)。

執(zhí)行完之后：

發(fā)現(xiàn)我自己的庫也出現(xiàn)在工作區(qū)根目錄的 node_modules 文件夾之下了：

同時，在我 Node.js 安裝目錄的 node_modules 文件夾下，也多了一個快捷方式：

最后，終于可以開始運行原理圖了。

運行命令行：

ng generate my-lib:my-service --name my-data

傳入的 name 參數(shù)值為 my-data.

從命令行打印的結(jié)果，發(fā)現(xiàn) my-data.service.ts 已經(jīng)創(chuàng)建成功了：

文件內(nèi)容如下：

對比一下我們 Schematics 里的模板文件：

這個例子就算執(zhí)行成功了。

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

以上是生活随笔為你收集整理的如何运行 Angular library 的原理图 Schematics的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。