Angular tsconfig.json 文件里的 paths 用途

Angular 项目目录中的 TSConfig 文件表明该目录是 TypeScript 或 JavaScript 项目的根目录。 TSConfig 文件可以是 tsconfig.json 或 jsconfig.json，两者都有相同的配置变量集。

我们直接来到 paths 字段：

这是一个对象，定义了一系列将导入(import)重新映射到相对于 baseUrl 的查找位置的条目。

所谓 baseUrl，允许开发人员设置基本目录以解析非绝对模块名称。

我们可以定义一个根文件夹，然后可以在其中进行绝对文件解析。

考虑下面的例子：

在此项目中使用 "baseUrl": "./"，TypeScript 将查找从与 tsconfig.json 相同的文件夹开始的文件。

例如下面的用法：

import { helloWorld } from "hello/world";
console.log(helloWorld);

Spartacus 项目的 baseUrl 用法：

paths 内的值，允许开发人员声明 TypeScript 应该如何解析应用程序的 require/imports 中的导入。

{
  "compilerOptions": {
    "baseUrl": ".", // this must be specified if "paths" is specified.
    "paths": {
      "jquery": ["node_modules/jquery/dist/jquery"] // this mapping is relative to "baseUrl"
}

上面代码的作用：

这将使开发人员能够编写 import "jquery"，并在本地获得所有正确的输入。

paths 字段支持 * 通配符：

{
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
        "app/*": ["app/*"],
        "config/*": ["app/_config/*"],