关于javascript:TypeScript二-配置文件注解

目录

• 配置文件注解
• 应用阐明

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

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

# yarn
yarn tsc --init
# npm
tsc --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 命令编译整个我的项目的时候，配置文件才会失效，如果是单个文件，则不会起作用。

# yarn
yarn tsc
# npm
tsc