tsconfig.json配置说明

{
  "compilerOptions": {
    // "incremental": true,                       // 是否启用增量编译
    // "tsBuildlnfoFile": "./buildFile",          // 增置编译文件的存储位置
  // "diagnostics": true,             // 是否显示诊断信息
    // "target": "es5",                           // target用于指定编译之后的版本目标 version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'
    // "module": "commonjs",                      // 指定模块生成方式,["commonjs", "amd", "umd", "system", "es6", "es2015", "esnext", "none"]
    // "outFile": "./app-js",                     // 将多个相互依赖的文件生成一个文件,可以用在AMD模块中
    // "lib": [],                                 // TS 需要引用的库,即声明文件,es5 默认"dom", "es5", "scripthost"
    // "allowJs": true,                           // 允许编译:IS 文件(js、jsx)
    // "checkJs": true,                           // 允许在JS文件中报错,通常与allowJS _起使用
    // "outDir": "./dist",                        // 指定输出目录
    // "rootDir": "./",                           // 指定输入文件目录(用于输出)
    // "declaration": true,                       // 生成声明文件
    // "declarationDir": "./d",                   // 声明文件的路径
    // "emitDeclarationOnly": true,               //只生成声明文件
    // "sourceMap": true,                         // 生成目标文件的    sourceMap
    // "inlineSourceMap": true,                   // 生成目标文件的 inline sourceMap
    // "declarationMap": true,                    // 生成声明文件的 sourceMap
    // "typeRoots":[],                            // 声明文件目录,默认node_modules/@types
    // "types":[],                                // 声明文件包
    // "removeComments":true,                     // 删除注释
    // "noEmit": true,                            // 不输出文件
    // "noEmitOnError": true,                     // 发生错误时不输出文件
    // "noEmitHelpers": true,                     // 不生成helper 函数,需要额外安装ts-helpers
    // "importHelpers": true,                     // 通过tslib 引入 helper 函数,文件必须是模块
    // unoEmitOnErrorM: true,                     // 发生错误时不输出文件
    // "noEmitHelpers": true,                     // 不生成 helper 函数,需额外安装 ts-helpers 
    // "importHelpers": true,                     // 通过tslib引入helper函数,文件必须是模块
    // "downlevellteration" : true,               // 降级遍历器的实现(es3/5)
    // "strict": true,                            // 开启所有严格的类型检查
    // "alwaysStrict": false,                     // 在代码中注入"use strict";
    // "noImplicitAny": false,                    // 不允许隐式的any类型
    // "strictNullChecksilj false,                // 不允许把null、undefined赋值给其他类型变置
    // "strictFunctionTypes": false,              // 不允许函数参数双向协变
    // "strictPropertyInitialization": false,     // 类的实例属性必须初始化
    // strictBindCallApply: false,                // 严格的 bind/call/apply 检査
    // "noImplicitThis": false,                   // 不允许this有隐式的any类型
    // "noUnusedLocals": true,                    // 检査只声明,未使用的局部变置 
    // "nollnusedParameters": true,               // 检查未使用的函数参数
    // "noFallthroughCasesInSwitch": true,        // 防止switch语句贯穿
    // "noImplicitReturns": true,                 // 每个分支都要有返回值
    // "esModulelnterop": true,                   // 允许export = 导出,由import from导入 
    // "allowUrndGlobalAccess": true,             // 允许在模块中访问UMD全局变置
    // "moduleResolution": "node",                // 模块解析策略
    // "baseUrl": "./",                           // 解析非相对模块的基地址
    // "paths": {
    //    "jquery": ["node-modules/jquery/dist/jquery.slim.min.js"]
    //  }
    // "rootDirs": ["src", "out"],                // 将多个目录放在一个虚拟目录下,用于运行时
    // "listEmittedFiles": true,                  // 打印输出的文件
    // "listFiles": true,                         // 打印编译的文件(包括引用的声明文件)
  },
  // "include": [                                 // 指定一个匹配列表(属于自动指定该路径下的所有ts相关文件)
  //   "src/**/*.ts",
  //   "src/**/*.tsx",
  //   "src/**/*.vue",
  //   "tests/**/*.ts",
  //   "tests/**/*.tsx"
  // ],
  // "exclude": [                                 // 指定一个排除列表(include的反向操作)
  //   "node_modules"
  // ],
  // "files": [                                   // 指定哪些文件使用该配置(属于手动一个个指定文件)
  //   "demo.ts"
  // ]
}

常用:

  • target: 指的就是将ts代码要转换成哪个版本的js代码 es5 es3
  • module: 指的就是将ts代码转换成js代码之后,使用的模块化的标准是什么
  • outDir: 指的就是将ts代码转换成js代码之后,js代码存放的文件夹路径
  • rootDir: 指的就是要将哪个目录中的ts代码进型转换,ts代码的存放路径
  • strict: 是否要将ts代码转换为严格模式的js代码!

你可能感兴趣的:(tsconfig.json配置说明)