乐趣区

关于前端:Angular-应用-tsconfigjson-文件里的-typeRoots-属性讲解

在 Angular 利用中,tsconfig.json 文件是 TypeScript 编译器的配置文件,用于配置 TypeScript 编译器的编译选项。其中,”typeRoots”: [“node_modules/@types”] 是一个编译选项,用于通知 TypeScript 编译器在哪里查找类型申明文件。

具体来说,”typeRoots” 是一个字符串数组,它指定了一组门路,这些门路是 TypeScript 编译器用来查找类型申明文件的根目录。在这个示例中,”node_modules/@types” 示意查找 node_modules 目录下的 @types 子目录,这个子目录下蕴含了许多第三方库的类型申明文件,例如 @types/node 蕴含了 Node.js 的类型申明文件,@types/jasmine 蕴含了 Jasmine 测试框架的类型申明文件等等。

通过配置 “typeRoots”: [“node_modules/@types”],TypeScript 编译器会主动在指定的目录下查找所需的类型申明文件,从而使得咱们在 TypeScript 代码中能够正确地援用第三方库的类型,例如在 Angular 利用中援用 RxJS、Jasmine 等第三方库的类型申明文件。

在 Angular 利用中,tsconfig.json 文件的 “target” 属性指定了 TypeScript 编译器所要编译的 ECMAScript 指标版本。

“target”: “es2020” 示意编译器会将 TypeScript 代码编译为 ECMAScript 2020(即 ECMAScript 11)代码。这意味着编译器将会把 TypeScript 中的新个性和语法转换成 ECMAScript 2020 中的对应个性和语法。

设置 “target”: “es2020” 能够让你在 Angular 利用中应用 ECMAScript 2020 中新增的个性,比方可选链(optional chaining)和空值合并(nullish coalescing)。同时,这也意味着你的代码只能在反对 ECMAScript 2020 的浏览器或环境中运行,如果在不反对 ECMAScript 2020 的环境中运行,就会呈现语法错误或运行谬误。

须要留神的是,如果你的利用须要在旧版浏览器中运行,你可能须要将 “target” 属性设置为 “es5” 或 “es2015″。这样能够确保你的代码能够在大多数浏览器中运行,但你可能会失去一些 ECMAScript 2020 中的新个性。

退出移动版