Jerry 的前一篇文章Angular 原理圖 Schematics 學(xué)習(xí) - 動(dòng)手開發(fā)一個(gè)實(shí)際的例子，已經(jīng)開發(fā)好了一個(gè)可以運(yùn)行的 Angular library Schematics.

本文介紹具體的運(yùn)行步驟。

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

ng build my-lib

確保 build 通過：

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

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

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

cd projects/my-lib
npm run build

確保命令成功運(yùn)行。

鏈接這個(gè)庫

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

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

執(zhí)行完之后：

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

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

最后，終于可以開始運(yùn)行原理圖了。

運(yùn)行命令行：

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)容如下：

對(duì)比一下我們 Schematics 里的模板文件：

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

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

總結(jié)

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

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