知是行的主意,行是知的功夫。这篇文章主要讲述#私藏项目实操分享# 如何解决 Angular custom library module 在 ng build 时无法被识别的错误相关的知识，希望能为你提供帮助。
SAP Spartacus angular.json, 是 Angular CLI 自动生成的文件，里面针对 storefrontapp，生成的 tsConfig 属性，指向一个 tsconfig.app.json 文件,该文件指定 ng build 如何对该 app 进行构建。
文章图片
文章图片
这里使用的构建工具 builder 是 @angular-builders/custom-webpack:browser.
types 属性为何为空？
文章图片
很多 javascript 库，比如 jQuery、Jasmine 测试库和 Angular，会通过新的特性和语法来扩展 javaScript 环境。 而 TypeScript 编译器并不能原生的识别它们。 当编译器不能识别时，它就会抛出一个错误。
可以使用TypeScript 类型定义文件 —— .d.ts 文件 —— 来告诉编译器你要加载的库的类型定义。
比如上图第13行代码的 build.process.env.d.ts:
文章图片
很多库在自己的 npm 包中都包含了它们的类型定义文件，TypeScript 编译器和编辑器都能找到它们。Angular 库也是这样的。 任何 Angular 应用程序的 node_modules/@angular/core/ 目录下，都包含几个 d.ts 文件，它们描述了 Angular 的各个部分。
TypeScript 带有一个特殊的声明文件，名为 lib.d.ts。该文件包含了 JavaScript 运行库和 DOM 的各种常用 JavaScript 环境声明。
在生产模式下的构建，使用另一个配置文件：tsconfig.app.prod.json:
【#私藏项目实操分享# 如何解决 Angular custom library module 在 ng build 时无法被识别的错误】
文章图片
在这个文件里，重新对 compilerOptions 的 paths 进行了定义。
文章图片
因此，如果使用了其他的 custom library，需要将其在 dist 下的路径，同样声明在 paths 节点下：
文章图片
否则的话，命令行 ng serve --configuration production 就会报如下错误，找不到名为 test-lib 的 custom library：
文章图片
添加之后，yarn build 工作正常：
文章图片
构建成功：
文章图片
关于 tsconfig.json 文件里的 include 和 exclude 属性用法：
include 用于指定要包含在程序中的文件名或模式数组。 这些文件名是相对于包含 tsconfig.json 文件的目录解析的。
例子：
"include": ["src/**/*", "tests/**/*"]
这个设置会将下列文件包含进来：
文章图片
包含和排除支持通配符来实现 glob 模式：
-
- 匹配零个或多个字符（不包括目录分隔符）
- ? 匹配任何一个字符（不包括目录分隔符）
- **/ 匹配嵌套到任何级别的任何目录
文章图片
推荐阅读
- #yyds干货盘点# springboot实现文件上传
- 初识应急响应 (持续更新中)
- #yyds干货盘点#CMake项目编译实战
- WordPress-所有页面链接到index.php文件
- WooCommerce（如何在商店页面中隐藏/删除产品标题下的类别（））
- 为什么the_content在wordpress single.php中不起作用
- 为什么是我的（php the_post_thumbnail(); ？没有在我的WordPress页面上显示任何图像？）
- PHP模板文件中的HTML在哪里（）
- WordPress中的robots.txt在哪里