tsconfig Editor

使い方

1. tsconfig.json を上のパネルに貼り付けます。行コメント、ブロックコメント、末尾カンマは許容されます —— 解析前に剥がされます。
2. 設定を読み込むを押すと、フォームに現在の値が入ります。
3. 必要なオプションを変更します：target、module、jsx、strict、esModuleInterop、outDir、rootDir、baseUrl、paths。
4. JSON を書き出すを押します。フォームの値が対応するキーを上書きし、ファイル内の他のキーはそのまま保持され、空の欄はキーを削除します。
5. 結果をコピーまたはダウンロードします。チェックボックスはオンで true を書き、オフでキーを削除します —— キーが無い場合は既定値を継承します。

よくある用途

• strict 設定の修正 —— 設定を読み込み、strict をオンにして書き出す。カスタムキーは一つも失われません。
• モジュールターゲットの切り替え —— CommonJS から ESNext や NodeNext へ、JSON を手編集せずに移行。
• パスエイリアスの設定 —— baseUrl と paths を一緒に設定。baseUrl がない場合はエディタが警告します。
• 出力フォルダの整理 —— ソースとビルド成果物を分けるときに outDir と rootDir を設定。

よくある質問

Q: フォームが扱わないキーはどうなりますか？ A: ファイル内の形のまま保持されます。エディタが書き換えるのはフォーム内の9つのオプションだけで、include、exclude、files、references、plugins はそのまま残ります。

Q: チェックを外すと false ではなくキー削除になるのは？ A: キーが無ければ既定値（または extends 先の設定）を継承し、明示的な false はそれを上書きします。キー削除はほとんどの設定が求める動作です。どうしても false が必要な場合は、書き出した JSON で手動で変更してください。

Q: paths はどのように検証されますか？ A: この欄は「値が文字列配列」の JSON オブジェクトである必要があり、paths が設定されていて baseUrl がない場合は書き出し時に警告します —— TypeScript はパスパターンを baseUrl を基準に解決するためです。警告は書き出しをブロックしません。