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 後續更新。。。