目录

  • 配置文件注解
  • 应用阐明
之前咱们讲了 TypeScript(一) —— 理解并疾速入门 ,当初开展阐明一下配置文件外面选项的含意。

编译我的项目的时候,能够生成一个配置文件tsconfig.json

# yarnyarn tsc --init# npmtsc --init

外面属性是typescript编译器配置的一些选项,上面是一些罕用的配置及其含意,之后用到什么就进行补充。

配置文件注解

{  "compilerOptions": {    // 设置编译后的javascript采纳的规范    "target": "es5",     /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */        // 能够指定援用的规范库,默认是[],上面援用的是ES2015的规范库,防止Symbol和Promise的报错    // 第二个DOM是DOM+BOM,应用console之类的用的,如果是空数组不须要写,默认就有,如果本人批改了这个数组,就要手动加上    "lib": ["ES2015","DOM"],    /* Specify library files to be included in the compilation. */        // 输入的代码应用什么形式进行模块化,这里用的是commonJS,会把输入输出弄成require和module.export的形式    "module": "commonjs",    /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */        // 开启源代码映射,咱们在调试的时候能够应用sourceMap文件去调试typescript源代码    "sourceMap": true,    /* Generates corresponding '.map' file. */        // 设置编译后果输入的文件夹    "outDir": "dist",    /* Redirect output structure to the directory. */        // 源代码ts文件所在的文件夹    "rootDir": "src",    /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */        /*类型查看相干 Strict Type-Checking Options */    // 开启严格模式,对类型查看非常严格    // 例如:any类型,也要严格写进去    "strict": true,    /* Enable all strict type-checking options. */        // 查看变量不能为空null,可独自开启    "strictNullChecks": true,              /* Enable strict null checks. */  }}

应用阐明

有了配置文件之后,咱们应用tsc命令编译整个我的项目的时候,配置文件才会失效,如果是单个文件,则不会起作用。

# yarnyarn tsc# npmtsc