[TypeScript] 用 ts-migrate 仙女棒讓 JS 專案瞬間 migrate 成 TS

Hannah Lin
Hannah Lin
Published in
7 min readJun 27, 2021

--

TypeScript 系列文

1. The Very Basics for TS
2. Generics 的使用情境
3. The `extends` keyword
4
. GenericsMapped Types
5. 用生活例子圖解 Utility Types
6
. 優雅的在 React 中使用 TS
7. 用 ts-migrate 仙女棒讓 JS 專案瞬間 migrate 成 TS

此篇不會很詳細的講解客製化的 config ,若有興趣可以直接閱讀官方提供的文件,最後章節也會用自己很久以前寫的 React 專案來做 demo

什麼是 ts-migrate

A tool to help migrate JavaScript code quickly and conveniently to TypeScript
由 airbnb 開發的工具讓你專案能很快能轉換成 TS

  • 耗費時間: 三分鐘 (天時地利人和的情況)。
  • 適用框架: 任何 frameworks or libraries ,但由於 AirBnB 是用 React,所以若是其他框架會需要寫額外的 config。

為什麼要用 ts-migrate ?

從零生成一個 TypeScript 專案不難,網路上也有許多資料,但比較現實的是擁有上百甚至上千 js 檔案的專案如何從現有 javaScript 轉成 TypeScript ?

通常大家會使用 TypeScript 官方提供的方法 Migrating from JavaScript,自己沒有實做過不過看起來不但要改 webpack 設定、新增一些 config,最麻煩的點應該就是

修改副檔名、file by file 新增 type 跟解決錯誤問題

--

--