美文网首页
如何运行 Angular library 的原理图 Schema

如何运行 Angular library 的原理图 Schema

作者: _扫地僧_ | 来源:发表于2021-11-21 09:32 被阅读0次

    Jerry 的前一篇文章Angular 原理图 Schematics 学习 - 动手开发一个实际的例子,已经开发好了一个可以运行的 Angular library Schematics.

    本文介绍具体的运行步骤。

    在工作区的根目录下,运行库的 ng build 命令。

    ng build my-lib

    确保 build 通过:

    如果遇到错误,可以参考我的代码仓库的代码

    以及这篇文章:解决 Angular 官网下载的 library Schematics build 出错的办法

    然后,进入库目录,构建原理图

    cd projects/my-lib
    npm run build

    确保命令成功运行。

    链接这个库

    这些库和原理图都已打包好了,就放在你工作区根目录下的 dist/my-lib 文件夹中。

    要运行这个原理图,你需要把这个库链接到 node_modules 文件夹中。在工作区的根目录下,运行 npm link 命令,并把你的可分发库的路径作为参数。

    执行完之后:

    发现我自己的库也出现在工作区根目录的 node_modules 文件夹之下了:

    同时,在我 Node.js 安装目录的 node_modules 文件夹下,也多了一个快捷方式:

    最后,终于可以开始运行原理图了。

    运行命令行:

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

    传入的 name 参数值为 my-data.

    从命令行打印的结果,发现 my-data.service.ts 已经创建成功了:

    文件内容如下:


    对比一下我们 Schematics 里的模板文件:


    这个例子就算执行成功了。

    更多Jerry的原创文章,尽在:"汪子熙":


    相关文章

      网友评论

          本文标题:如何运行 Angular library 的原理图 Schema

          本文链接:https://www.haomeiwen.com/subject/bqenoltx.html