Angular : 什么是tsconfig.json

Posted 2021-04-26 技术农夫

点击上方 “公众号” 可以订阅哦！

配

置

01

tsconfig.json

首先，TypeScript 是 Angular 应用开发中使用的主语言。

它是 javascript 的“方言”之一，为类型安全和工具化而做了设计期支持。

浏览器不能直接执行 TypeScript。 它得先用 tsc 编译器转译(transpile)成 JavaScript，而且编译器需要进行一些配置，因此引入了tsconfig.json。

比如：

{ "compileOnSave": true, // 设置compileOnSave标记，  // 可以让IDE在保存文件的时候根据  // tsconfig.json重新生成文件。 "compilerOptions": { "baseUrl": "./",  // 解析非相对模块名的基准目录, // 用于所有模块查找的根路径。 "outDir": "./dist/out-tsc", "sourceMap": true, "declaration": false, "moduleResolution": "node",     // 告诉编译器到哪里去查找模块。 "emitDecoratorMetadata": true,  // 给源码里的装饰器声明加上设计类型元数据。 "experimentalDecorators": true, // 启用实验性的ES装饰器。 "target": "es5",  // 指定ECMAScript目标版本。 "typeRoots": [  // 要包含的类型声明文件路径列表。 "node_modules/@types" ],    "lib": [      // 编译过程中需要引入的库文件的列表。 "es2017", "dom" ]， "noImplicitAny": true, "suppressImplicitAnyIndexErrors": true }}

查看编辑器选项compilerOptions所有项参数：

点击阅读原文，传送门带你飞

GitHub应用指南专属小程序

专属工程师的服务指南

好文章    点在看