关于 Angular 应用 tsconfig.json 中的 target 属性

我新建了一个 Angular 应用，自动生成的 tsconfig.json 文件里，target 为 es2017，module 为 es2018.

而 Spartacus 应用里，target 仅为 es5：

现代浏览器支持所有 ES6 特性，所以 ES6 是一个不错的选择。如果您的代码部署到较旧的环境，您可以选择设置较低的目标，或者如果您的代码保证在较新的环境中运行，则可以选择设置更高的目标。

目标设置改变了哪些 JS 特性被降级，哪些保持不变。例如，如果目标是 ES5 或更低版本，箭头函数 () => this 将被转换为等效的函数表达式。

比如 Spartacus ng build 出来之后的 .js 文件里，所有的箭头函数被转换为普通的 function 用法：

更改目标也会更改 lib 的默认值。您可以根据需要“混合和匹配”目标和库设置，但为了方便起见，您可以只设置目标。

对于像 Node 这样的开发者平台，目标有基线，具体取决于平台的类型及其版本。您可以在 tsconfig/bases 找到一组社区组织的 TSConfig，其中包含常见平台及其版本的配置。

特殊的 ESNext 值是指您的 TypeScript 版本支持的最高版本。应谨慎使用此设置，因为它在不同的 TypeScript 版本之间并不意味着相同的事情，并且会使升级更难以预测。

默认情况下，所有可见的“@types”包都包含在您的编译中。任何封闭文件夹的 node_modules/@types 中的包都被认为是可见的。例如，这意味着 ./node_modules/@types/、…/node_modules/@types/、…/…/node_modules/@types/ 等中的包。

如果指定了类型，则仅列出的包将包含在全局范围内。例如：

{"compilerOptions": {"types": ["node", "jest", "express"]}
}

此 tsconfig.json 文件将仅包含 ./node_modules/@types/node、./node_modules/@types/jest 和 ./node_modules/@types/express。 node_modules/@types/* 下的其他包将不包含在内。

更多Jerry的原创文章，尽在：“汪子熙”:

关于 Angular 应用 tsconfig.json 中的 target 属性相关推荐

关于 Angular 应用 tsconfig.json 中的 lib 属性
SAP Spartacus 应用的 tsconfig.json 文件里,有一个 lib 属性,值为 es2020 和 dom: TypeScript 包括一组内置 JS API(如 Math)的默认类 ...
iframe中的target属性
iframe中的target属性在使用iframe的时候,我们有时候会遇到,外面的链接,去操作iframe中的页面 <!DOCTYPE html > <html> <h ...
html中的target属性解析
html target属性,一bai般是在a标签中使用 Target 属性,可以bai定义被链接的文du档在何处显示. target="_blank" 在浏览器新窗口打开文档 ta ...
HTML中属于target属性有,HTML的target属性
HTML的target属性时间:2017-10-2 元素的target属性用于指定在何处打开链接文档,如果在一个a标签内包含一个target属性,浏览器将会载入和显示用这个标签的href属性命名的, ...
Angular 项目 tsconfig.json 里定义的 out-tsc 还有作用吗？
在这个 StackOverflow 帖子里有介绍: What happens to the outDir in tsconfig.json for Angular projects? ng 命令的路径 ...
js 中从JSON中取出某个属性的值
<script type="text/javascript"> getJson('age'); function getJson(key){ var jsonObj={ ...
easyui-combobox加载json中对象的属性
这次做项目遇到了一个问题,在easyui-combobox加载json数据中对象的属性.后台返回的json中包含一个对象,而我想调用对象中的属性,后台返回的json如下: {"rows&qu ...
form标签中的target属性学习
最近工作中涉及到一些前台jsp页面的操作,在窗口显示过程中有一些调整,再次回想起form标签中target属性,记录一下. target 属性规定在何处打开 action URL. form.targ ...
html5中的target属性,HTML中target属性是什么意思
我来讲讲,希望对你有用: 其实并不用一一进行讲解,给你举几个实例你自然就明白其中的微妙所在: 1. _blank 这个家伙的汉语译文是:空白的,引申一下,就好像你写笔记一样,写完了一页翻过去,在一个新 ...

关于 Angular 应用 tsconfig.json 中的 target 属性

关于 Angular 应用 tsconfig.json 中的 target 属性相关推荐

最新文章

热门文章