to ESM from CJS

[peko-thunder]

commonjs => esm への移行

ソースコードの変更

https://zenn.dev/teppeis/articles/2021-10-typescript-45-esm

• package.json
  • change => "type": "module"
• tsconfig.json
  • change => "compilerOptions.module": "NodeNext"
  • remove => "compilerOptions.moduleResolution": "node"
• ***.ts
  • import
    • change => .js

ここまでだとtsconfig.jsonに記載したpath解決をできなくなるため、実行時にパッケージを読み込むことができない

Cannot find package '@/modules' imported from C:\xxxxx

現状の解消方法としてはpath解決での読み込み自体をなくして、相対パスで各種ソースを読み込むものとする

"baseUrl": "./",
"paths": {
  "@/*": ["src/*"]
},

※ 例外としてts-node の実行時にloaderで個別ファイルを挟めば可能ではある
https://kimuson.dev/blog/typescript/ts_node_esm_paths/

開発ツールのesm対応

監視ツールとしてts-node-devを利用していたがesmに対応していないと思われるためnodemonに変更した
ts-node-devの方が動作が早いとのことで導入したがソースが小規模であることからnodemonでも問題ないだろうと判断

• Error when using ESM that works with ts-node wclr/ts-node-dev#212
• [ERROR] Must use import to load ES module wclr/ts-node-dev#314

jestやeslintなどのconfig.jsファイルはconfig.cjsに変更し設定も変更する必要がある

• https://japanese-document.github.io/tips/2022/typescript-ts-node-esmodules.html
• https://kulshekhar.github.io/ts-jest/docs/guides/esm-support/#use-esm-presets