Angular应用tsconfig.json中的lib属性示例解析

 更新时间:2023年07月31日 11:30:51   作者:JerryWang_汪子熙  
这篇文章主要介绍了Angular应用tsconfig.json中的lib属性示例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

lib 属性

SAP Spartacus 应用的 tsconfig.json 文件里,有一个 lib 属性,值为 es2020 和 dom:

TypeScript 包括一组内置 JS API(如 Math)的默认类型定义,以及浏览器环境(如 document)中的类型定义。 TypeScript 还包括用于与您指定的目标匹配的较新 JS 功能的 API; 例如,如果目标是 ES6 或更高版本,则 Map 的定义可用。

我们可以根据实际需要来修改 lib 属性的值。

常见场景

  • 您的程序不在浏览器中运行,因此您不需要“dom”类型定义
  • 您的运行时平台提供了某些 JavaScript API 对象(可能通过 polyfills),但尚不支持给定 ECMAScript 版本的完整语法
  • 您有一些(但不是全部)更高级别 ECMAScript 版本的 polyfill 或本机实现

lib 支持下列值

  • ES5: 所有 ES3 和 ES5 功能的 ES5 核心定义
  • ES2015:ES2015(也称为 ES6)中可用的其他 API,比如 array.find、Promise、Proxy、Symbol、Map、Set、Reflect 等。
  • ES6:“ES2015”的别名
  • ES2016 ES2016 中可用的其他 API,比如 array.include 等。
  • ES7: “ES2016”的别名
  • ES2017: ES2017 中可用的其他 API, 比如 Object.entries、Object.values、Atomics、SharedArrayBuffer、date.formatToParts、类型化数组等。
  • ES2018:ES2018 中可用的其他 API - async iterables、promise.finally、Intl.PluralRules、regexp.groups 等。
  • ES2019:ES2019 中可用的其他 API - array.flat、array.flatMap、Object.fromEntries、string.trimStart、string.trimEnd 等。
  • ES2020 ES2020 中可用的其他 API,string.matchAll 等。
  • ES2021:ES2021 中可用的其他 API - promise.any、string.replaceAll 等。
  • ESNext:ESNext 中可用的其他 API - 这会随着 JavaScript 规范的发展而变化
  • DOM:DOM 定义 - 窗口、文档等。
  • WebWorker:上下文中可用的 WebWorker API
  • ScriptHost:用于 Windows 脚本宿主系统的 ScriptHost API
    比如有了 dom 定义,我们可以在 Angular 应用里使用 dom 相关的 api:

以上就是Angular应用tsconfig.json中的lib属性示例解析的详细内容,更多关于Angular应用tsconfig.json lib的资料请关注脚本之家其它相关文章!

相关文章

  • angular4中引入echarts的方法示例

    angular4中引入echarts的方法示例

    这篇文章主要介绍了angular4中引入echarts的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-01-01
  • Angular Component属性绑定target和attr.target的区别分析

    Angular Component属性绑定target和attr.target的区别分析

    这篇文章主要介绍了Angular Component属性绑定target和attr.target的区别分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • AngularJS的ng-repeat指令与scope继承关系实例详解

    AngularJS的ng-repeat指令与scope继承关系实例详解

    这篇文章主要介绍了AngularJS的ng-repeat指令与scope继承关系,结合实例形式通过ng-repeat指令详细分析了scope继承关系,需要的朋友可以参考下
    2017-01-01
  • ng-events类似ionic中Events的angular全局事件

    ng-events类似ionic中Events的angular全局事件

    这篇文章主要介绍了ng-events类似ionic中Events的angular全局事件,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-09-09
  • AngularJS单选框及多选框实现双向动态绑定

    AngularJS单选框及多选框实现双向动态绑定

    这篇文章主要为大家详细介绍了AngularJS单选框及多选框实现双向动态绑定的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • Angular 如何使用第三方库的方法

    Angular 如何使用第三方库的方法

    本篇文章主要介绍了Angular 如何使用第三方库的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • AngularJS实用开发技巧(推荐)

    AngularJS实用开发技巧(推荐)

    Angular JS 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。接下来通过本文给大家介绍AngularJS实用开发技巧的相关资料,需要的朋友可以参考下
    2016-07-07
  • 详谈angularjs中路由页面强制更新的问题

    详谈angularjs中路由页面强制更新的问题

    下面小编就为大家带来一篇详谈angularjs中路由页面强制更新的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • 利用Angularjs和原生JS分别实现动态效果的输入框

    利用Angularjs和原生JS分别实现动态效果的输入框

    现在的很多网站都将输入框做成了动态的效果,这样对于用户体检来说非常好,这篇文章分别用Angularjs和原生JS两种方法来实现动态效果的输入框,具有一定的参考价值,有需要的小伙伴们可以来参考借鉴。
    2016-09-09
  • Angular2 组件交互实例详解

    Angular2 组件交互实例详解

    Angular2应用程序实际上是有很多父子组价组成的组件树,因此,了解组件之间如何通信,特别是父子组件之间,对编写Angular2应用程序具有十分重要的意义。下面通过本文给大家介绍Angular2 组件交互知识,感兴趣的朋友一起看看吧
    2017-08-08

最新评论