配置项

1.tsconfig.json

  1. {
  2. "compileOnSave": false,// 保存自动编译
  3. "compilerOptions": {
  4. // 允许编译javascript文件。
  5. "allowJs": true,
  6. // 允许从没有设置默认导出的模块中默认导入。这并不影响代码的显示,仅为了类型检查。
  7. "allowSyntheticDefaultImports": true,
  8. // 不报告执行不到的代码错误
  9. "allowUnreachableCode": true,
  10. // 不报告未使用的标签错误。
  11. "allowUnusedLabels": true,
  12. // 以严格模式解析并为每个源文件生成 "use strict"语句
  13. "alwaysStrict": false,
  14. // 解析非相对模块名的基准目录。查看模块解析文档了解详情。
  15. "baseUrl": "./",
  16. // 输入文件的字符集。
  17. "charset": "utf8",
  18. // .js文件中报告错误。与 --allowJs配合使用。
  19. "checkJs": true,
  20. // 生成相应的 .d.ts文件。
  21. "declaration": true,
  22. // 生成声明文件的输出路径。
  23. "declarationDir": "./@types/",
  24. // 显示诊断信息。
  25. "diagnostics": true,
  26. // 禁用JavaScript工程体积大小的限制
  27. "disableSizeLimit": false,
  28. // 禁止对同一个文件的不一致的引用。
  29. "forceConsistentCasingInFileNames": false,
  30. // tslib 导入辅助工具函数(比如 __extends __rest等)
  31. // "importHelpers": true,
  32. "outDir": "./dist/out-tsc",
  33. // 生成单个sourcemaps文件,而不是将每sourcemaps生成不同的文件。
  34. "inlineSourceMap": false,
  35. // 将代码与sourcemaps生成到一个文件中,要求同时设置了 --inlineSourceMap --sourceMap属性。
  36. "inlineSources": false,
  37. // 将每个文件作为单独的模块(与“ts.transpileModule”类似)。
  38. "isolatedModules": false,
  39. // .tsx文件里支持JSX "React" "Preserve"。查看 JSX
  40. "jsx": "preserve",
  41. // 指定生成目标为react JSX时,使用的JSX工厂函数,比如 React.createElement h
  42. "jsxFactory": "React.createElement",
  43. "sourceMap": true,
  44. "moduleResolution": "node",
  45. // 给源码里的装饰器声明加上设计类型元数据。查看 issue #2577了解更多信息。
  46. "emitDecoratorMetadata": true,
  47. // 启用实验性的ES装饰器。
  48. "experimentalDecorators": true,
  49. // 打印出编译后生成文件的名字
  50. "listEmittedFiles": true,
  51. // 编译过程中打印文件名。
  52. "listFiles": true,
  53. "target": "es5",
  54. // node_modules依赖的最大搜索深度并加载JavaScript文件。仅适用于 --allowJs
  55. "maxNodeModuleJsDepth": 1,
  56. "module": "umd",
  57. "typeRoots": ["node_modules/@types"],
  58. // 删除所有注释,除了以 /!*开头的版权信息。
  59. "removeComments": true,
  60. "lib": ["es2017", "dom"],
  61. "noImplicitAny": true,
  62. "paths": {
  63. }
  64. }
  65. }

常用项

  1. {
  2. "compileOnSave": false,
  3. "compilerOptions": {
  4. "allowJs": true,
  5. "checkJs": true,
  6. "allowSyntheticDefaultImports": true,
  7. "removeComments": true,
  8. "maxNodeModuleJsDepth": 0,
  9. "allowUnreachableCode": true,
  10. "allowUnusedLabels": true,
  11. "alwaysStrict": false,
  12. "baseUrl": "./",
  13. "charset": "utf8",
  14. "declaration": true,
  15. "disableSizeLimit": false,
  16. "outDir": "./dist/out-tsc",
  17. "sourceMap": true,
  18. "moduleResolution": "node",
  19. "emitDecoratorMetadata": true,
  20. "experimentalDecorators": true,
  21. "target": "es5",
  22. "lib": ["es2017", "dom"],
  23. "noImplicitAny": true
  24. "paths": {
  25. }
  26. }
  27. }

2.编译选项查询表

选项 类型 默认值 描述
--allowJs boolean false 允许编译javascript文件。
--allowSyntheticDefaultImports boolean module === "system" 允许从没有设置默认导出的模块中默认导入。这并不影响代码的显示,仅为了类型检查。
--allowUnreachableCode boolean false 不报告执行不到的代码错误。
--allowUnusedLabels boolean false 不报告未使用的标签错误。
--alwaysStrict boolean false 以严格模式解析并为每个源文件生成"use strict"语句
--baseUrl string 解析非相对模块名的基准目录。查看模块解析文档了解详情。
--charset string "utf8" 输入文件的字符集。
--checkJs boolean false .js文件中报告错误。与--allowJs配合使用。
--declaration -d boolean false 生成相应的.d.ts文件。
--declarationDir string 生成声明文件的输出路径。
--diagnostics boolean false 显示诊断信息。
--disableSizeLimit boolean false 禁用JavaScript工程体积大小的限制
--emitBOM boolean false 在输出文件的开头加入BOM头(UTF-8 Byte Order Mark)。
--emitDecoratorMetadata[1] boolean false 给源码里的装饰器声明加上设计类型元数据。查看issue #2577了解更多信息。
--experimentalDecorators[1] boolean false 启用实验性的ES装饰器。
--forceConsistentCasingInFileNames boolean false 禁止对同一个文件的不一致的引用。
--help -h 打印帮助信息。
--importHelpers string tslib导入辅助工具函数(比如__extends__rest等)
--inlineSourceMap boolean false 生成单个sourcemaps文件,而不是将每sourcemaps生成不同的文件。
--inlineSources boolean false 将代码与sourcemaps生成到一个文件中,要求同时设置了--inlineSourceMap--sourceMap属性。
--init 初始化TypeScript项目并创建一个tsconfig.json文件。
--isolatedModules boolean false 将每个文件作为单独的模块(与“ts.transpileModule”类似)。
--jsx string "Preserve" .tsx文件里支持JSX:"React""Preserve"。查看 JSX
--jsxFactory string "React.createElement" 指定生成目标为react JSX时,使用的JSX工厂函数,比如React.createElementh
--lib string[] 编译过程中需要引入的库文件的列表。 可能的值为: ? ES5 ? ES6 ? ES2015 ? ES7 ? ES2016 ? ES2017 ? DOM ? DOM.Iterable ? WebWorker ? ScriptHost ? ES2015.Core ? ES2015.Collection ? ES2015.Generator ? ES2015.Iterable ? ES2015.Promise ? ES2015.Proxy ? ES2015.Reflect ? ES2015.Symbol ? ES2015.Symbol.WellKnown ? ES2016.Array.Include ? ES2017.object ? ES2017.SharedMemory 注意:如果--lib没有指定一个默认注入的库。默认注入的库为: ? 针对于--target ES5DOM,ES5,ScriptHost ? 针对于--target ES6DOM,ES6,DOM.Iterable,ScriptHost
--listEmittedFiles boolean false 打印出编译后生成文件的名字。
--listFiles boolean false 编译过程中打印文件名。
--locale string (platform specific) 显示错误信息时使用的语言,比如:en-us。
--mapRoot string 为调试器指定指定sourcemap文件的路径,而不是使用生成时的路径。当.map文件是在运行时指定的,并不同于js文件的地址时使用这个标记。指定的路径会嵌入到sourceMap里告诉调试器到哪里去找它们。
--maxNodeModuleJsDepth number 0 node_modules依赖的最大搜索深度并加载JavaScript文件。仅适用于--allowJs
--module -m string target === "ES6" ? "ES6" : "commonjs" 指定生成哪个模块系统代码:"None""CommonJS""AMD""System""UMD""ES6""ES2015"。 ? 只有 "AMD""System"能和--outFile一起使用。 ?"ES6""ES2015"可使用在目标输出为"ES5"或更低的情况下。
--moduleResolution string `module === “AMD” “System” “ES6” ? “Classic” : “Node”` 决定如何处理模块。或者是"Node"对于Node.js/io.js,或者是"Classic"(默认)。查看模块解析了解详情。
--newLine string (platform specific) 当生成文件时指定行结束符:"crlf"(windows)或"lf"(unix)。
--noEmit boolean false 不生成输出文件。
--noEmitHelpers boolean false 不在输出文件中生成用户自定义的帮助函数代码,如__extends
--noEmitOnError boolean false 报错时不生成输出文件。
--noFallthroughCasesInSwitch boolean false 报告switch语句的fallthrough错误。(即,不允许switch的case语句贯穿)
--noImplicitAny boolean false 在表达式和声明上有隐含的any类型时报错。
--noImplicitReturns boolean false 不是函数的所有返回路径都有返回值时报错。
--noImplicitThis boolean false this表达式的值为any类型的时候,生成一个错误。
--noImplicitUseStrict boolean false 模块输出中不包含"use strict"指令。
--noLib boolean false 不包含默认的库文件(lib.d.ts)。
--noResolve boolean false 不把/// <reference``>或模块导入的文件加到编译文件列表。
--noStrictGenericChecks boolean false 禁用在函数类型里对泛型签名进行严格检查。
--noUnusedLocals boolean false 若有未使用的局部变量则抛错。
--noUnusedParameters boolean false 若有未使用的参数则抛错。
--out string 弃用。使用 --outFile 代替。
--outDir string 重定向输出目录。
--outFile string 将输出文件合并为一个文件。合并的顺序是根据传入编译器的文件顺序和///<reference``>import的文件顺序决定的。查看输出文件顺序文件了解详情。
paths[2] Object 模块名到基于baseUrl的路径映射的列表。查看模块解析文档了解详情。
--preserveConstEnums boolean false 保留constenum声明。查看const enums documentation了解详情。
--preserveSymlinks boolean false 不把符号链接解析为其真实路径;将符号链接文件视为真正的文件。
--pretty[1] boolean false 给错误和消息设置样式,使用颜色和上下文。
--project -p string 编译指定目录下的项目。这个目录应该包含一个tsconfig.json文件来管理编译。查看tsconfig.json文档了解更多信息。
--reactNamespace string "React" 当目标为生成"react" JSX时,指定createElement__spread的调用对象
--removeComments boolean false 删除所有注释,除了以/!*开头的版权信息。
--rootDir string (common root directory is computed from the list of input files) 仅用来控制输出的目录结构--outDir
rootDirs[2] string[] 根(root)文件夹列表,表示运行时组合工程结构的内容。查看模块解析文档了解详情。
--skipDefaultLibCheck boolean false 忽略库的默认声明文件的类型检查。
--skipLibCheck boolean false 忽略所有的声明文件(*.d.ts)的类型检查。
--sourceMap boolean false 生成相应的.map文件。
--sourceRoot string 指定TypeScript源文件的路径,以便调试器定位。当TypeScript文件的位置是在运行时指定时使用此标记。路径信息会被加到sourceMap里。
--strict boolean false 启用所有严格类型检查选项。 启用--strict相当于启用--noImplicitAny, --noImplicitThis, --alwaysStrict--strictNullChecks
--strictNullChecks boolean false 在严格的null检查模式下,nullundefined值不包含在任何类型里,只允许用它们自己和any来赋值(有个例外,undefined可以赋值到void)。
--stripInternal[1] boolean false 不对具有/** @internal */ JSDoc注解的代码生成代码。
--suppressExcessPropertyErrors[1] boolean false 阻止对对象字面量的额外属性检查。
--suppressImplicitAnyIndexErrors boolean false 阻止--noImplicitAny对缺少索引签名的索引对象报错。查看issue #1232了解详情。
--target -t string "ES3" 指定ECMAScript目标版本"ES3"(默认),"ES5""ES6"/"ES2015""ES2016""ES2017""ESNext"。 注意:"ESNext"最新的生成目标列表为ES proposed features
--traceResolution boolean false 生成模块解析日志信息
--types string[] 要包含的类型声明文件名列表。查看@types,—typeRoots和—types章节了解详细信息。
--typeRoots string[] 要包含的类型声明文件路径列表。查看@types,—typeRoots和—types章节了解详细信息。
--version -v 打印编译器版本号。
--watch -w 在监视模式下运行编译器。会监视输出文件,在它们改变时重新编译。