如何运行 Angular library 的原理图 Schematics

简介: 如何运行 Angular library 的原理图 Schematics

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


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


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


ng build my-lib


确保 build 通过:


image.png


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


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


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


cd projects/my-lib

npm run build


确保命令成功运行。


image.png


链接这个库

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


image.png


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


执行完之后:


image.png


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


image.png


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


image.png


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


运行命令行:


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


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


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


image.png


文件内容如下:

image.png


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


image.png

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


相关文章
|
8月前
|
开发者
Angular Schematics 实战 - 项目根目录新建一个文件
Angular Schematics 实战 - 项目根目录新建一个文件
|
8月前
|
API
什么是 Angular library 的 secondary entry points?
什么是 Angular library 的 secondary entry points?
|
2天前
|
运维 JavaScript Serverless
函数计算产品使用问题之如何运行Angular
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
1月前
|
JavaScript 前端开发 编译器
Angular 中的结构指令运行时的工作原理
Angular 中的结构指令运行时的工作原理
|
1月前
|
Go
Mac安装Angular并部署运行应用
Mac安装Angular并部署运行应用
|
1月前
|
应用服务中间件 nginx
Angular打包构建项目服务器运行runtime.js、polyfills.js、vendor.js报错net::ERR_ABORTED 404 (Not Found),build修改为相对路径./
Angular打包构建项目服务器运行runtime.js、polyfills.js、vendor.js报错net::ERR_ABORTED 404 (Not Found),build修改为相对路径./
|
8月前
|
存储 API
什么是 Angular Schematics
什么是 Angular Schematics
|
9月前
|
资源调度 JavaScript 前端开发
如何解决 Angular custom library module 在 ng build 时无法被识别的错误
如何解决 Angular custom library module 在 ng build 时无法被识别的错误
|
9月前
|
移动开发 前端开发 JavaScript
如何创建 Angular library 并在生产环境中消费
如何创建 Angular library 并在生产环境中消费
|
9月前
|
数据采集 缓存 JavaScript
运行在 CCV2 环境上的 Angular 服务器端渲染应用的性能瓶颈分析
运行在 CCV2 环境上的 Angular 服务器端渲染应用的性能瓶颈分析