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/*"],"environment/*": ["environments/*"],"shared/*": ["app/_shared/*"],"helpers/*": ["helpers/*"],"tests/*": ["tests/*"]},
}

在这种情况下，开发人员可以告诉 TypeScript 文件解析器支持许多自定义前缀来查找代码。此模式可用于避免代码库中较长的相对路径。

rootDir

所有非声明输入文件的最长公共路径。如果设置了复合，则默认为包含 tsconfig.json 文件的目录。

Spartacus rootDir 的值：.

当 TypeScript 编译文件时，它在输出目录中保持与输入目录中相同的目录结构。

例如，假设有下面这些输入文件：

rootDir 的推断值是所有非声明输入文件的最长公共路径，在本例中为 core/。

Angular tsconfig.json 文件里的 paths 用途相关推荐

Angular tsconfig.json 文件里的 paths 用法和 scoped module 定义
执行命令行: ng run storefrontapp:server:production 报错: Error: projects/storefrontapp/src/app/app.module.t ...
Angular应用中tsconfig.json文件配置说明及配置全局路径映射
tsconfig.json文件配置说明 1. tsconfig.json文件中的选项配置 2. 配置全局路径映射 1. tsconfig.json文件中的选项配置 TypeScript编译器配置文件的 ...
TypeScript 里 tsconfig.json 文件的作用
What is a tsconfig.json 目录中存在 tsconfig.json 文件表明该目录是 TypeScript 项目的根目录. tsconfig.json 文件指定了编译项目所需的根文 ...
tsconfig.json文件报错JSON schema for the TypeScript compiler‘s configuration file
报错内容 JSON schema for the TypeScript compiler's configuration file 无法写入文件"d:/Vue20220813/Code/we ...
python逐行读取json_如何用python读取json文件里指定的数据
JSON文件who.json内容如下:{"name":"mss","version":"1.0.0","des ...
angular 读取json文件
angular 为k8s中测试区.正式区请求不同后台接口而读取json文件 1.src->assets下新建:conf.json 2.src->core新建config文件夹,新建url ...
tsconfig.json文件的作用
主要作用: 一般文件有我们ts代码的时候,它就会有这么一个文件,这个ts.json 文件是 ts的一个配置文件, 我们首先要知道这个ts 文件最终一定会转成我们的 js 文件的. 转化过程: 1.先对 ...
SAP Fiori Elements 应用 manifest.json 文件里 resources.json 的含义
在使用 Visual Studio Code Fiori Tools 生成的 SAP Fiori Elements 应用里,在工程描述文件 manifest.json 里,有这样一个字段: &quo ...
关于 Angular 应用 tsconfig.json 中的 target 属性
我新建了一个 Angular 应用,自动生成的 tsconfig.json 文件里,target 为 es2017,module 为 es2018. 而 Spartacus 应用里,target 仅为 ...

Angular tsconfig.json 文件里的 paths 用途

rootDir

Angular tsconfig.json 文件里的 paths 用途相关推荐

最新文章

热门文章