TS config 详解

对ts.config进行详细介绍 要使用tsconfig.json文件 npm运行直接tsc就好 否则会忽视这个文件

outDir

输出到指定目录 文件夹📂不存在 -> 会建立

target

options:[ ES3|"ES5"|"ES6"|"ES2015"|ES2016"|"ES2017"|"ESNext"]

默认值：ES3
指定编译的ECMAScript目标版本
*这个须要与lib选项配合*
复制代码

lib

options详情

编译过程当中须要引入的库文件的列表 否则编译通不过
*代码中使用ES新特性 编译的代码宿主环境的polyfill 须要本身引入 babel-core*
复制代码

module

options:["None"|"CommonJS"|"AMD"|"System"|"UMD"|"ES6"|"ES2015"]

None: 没有模块 代码不能出现import modele.exports等等
其他生成对应的模块代码
默认值：target === "ES6" ? "ES6" : "commonjs"
*注意：这个决定模块怎么解析*
复制代码

baseUrl

模块解析

module:commonjs -> baseUrl 模块解析 nodejs类似
step1: baseUrl的路径去搜索 -> 运用 baseUrl/[*.js|*.jsx|*(目录)]
step2: tsconfig.json文件路径下 -> 运用 nodejs require

module:非commonjs -> baseUrl 模块解析 Classic
step1: 文件搜索 tsconfig所在目录一层层向上搜索
step1: 目录搜索 逐级 -> node_modules -> (找到)node_modules/@types
复制代码

traceResolution

生成模块解析日志信息，帮助理解baseUrl等相关配置 很是有用

sourceMap

生成sourceMap

allowJs

是否编译js

jsx

.tsx文件里支持JSX

jsxFactory

render () { <div /> } => ${jsxFactory}(div, null, [])
这个能够写本身的编译函数 omi taro里面全是这个原理
复制代码

TODO 后续更新。。。