设置产出物的目录 { "compilerOptions": { "outDir": "dist" } } example ├── index.js └── index.ts 编译后 example ├── dist │ └── index.js ├── index.ts └── tsconfig.json
产出目录的结构
rootDir
默认->
修改成core
相对引用
baseUrl
文件中写引用的时候，有相对路径，配置这个说明以哪个路径为基准
帮助代码
importHelpers
export function fn(arr: number[]) { const arr2 = [1, ...arr]; }编译后的结果，一些数组展开、异步加载、类的继承这些代码的实现不会导入你的代码，但是导入了tslib，需要确保能加载tslib
import { __read, __spreadArray } from "tslib"; export function fn(arr) { var arr2 = __spreadArray([1], __read(arr), false); } 文件名大小写 forceConsistentCasingInFileNames 引用一个文件，fileManager.ts 编写引用代码的时候，可以不分大小写 “./FileManager.ts” 方法智能提示 "lib": ["es2020", "dom"] 虽然target是es5，但是最终产物有添加polyfill文件，所以允许使用一些高级的API 上面DOM指的是，允许使用window, document
es2020，指的是允许使用es2020的语法，例如：string.matchAll
默认导出
当一个类库没有默认导出的时候，自动在转换代码，仅仅影响ts的编译，不影响最终产物
import React from "react";
替换成：
import * as React from "react";
模块查询
moduleResolution
-
classic -
node -
node16 -
nodenext
当module是AMD, UMD, System 或者 ES6/ES2015时，默认值是classic
当module是其他值的时候，默认值是node
标签：__,index,arr,代码,ts,import,TSConfig From： https://www.cnblogs.com/chenyingzuo/p/17022286.html