TypeScript 5.0 で追加された verbatimModuleSyntax とは何か？

// A: そのまま残る import { Foo } from "./foo"; // B: 識別子 `Foo` が削除される import {} from "./foo"; // C: import 文ごと完全に削除される どれになるかは、以下の状態の組み合わせ依存する（他にも条件あるかも）。 そのファイルでFooが値として参照されるか、型として参照されるか、参照されないか Fooがfoo.tsで値として定義されているか、型として定義されているか tsconfig のオプション設定 importsNotUsedAsValues: 値として参照されない import 文を残すかどうか preserveValueImports: 参照されない import 識別子が値なら残す isolatedModules: ファイル単位でトランスパイルする 上記は出力するモジュール形式が ESM の場合

[kkeisuke]

“ESLint で@typescript-eslint/consistent-type-imports と @typescript-eslint/no-import-type-side-effects を有効化することでほとんど解決できる。”

[efcl]

TypeScript 5.0で追加された`verbatimModuleSyntax`について。 `import type`をそのまま削除し、`import`は残すというシンプルな動作について

[jay-es]

CJS と相性が悪いので、typescript-eslint のルールで代替

[igrep]

“verbatimModuleSyntaxを有効化しなくても、ESLint で@typescript-eslint/consistent-type-imports と @typescript-eslint/no-import-type-side-effects を有効化することでほとんど解決”

[t_f_m]

あとで

[teppeis]

書いた！