🥳

tsupでUMDモジュールを作成する

2024/09/24に公開

tsupでUMDモジュール作りたかったので検証しました。
結論はesbuild-plugin-umd-wrapperを使う事でUMDモジュールを作成できました。

tsup.config.ts の設定

esbuild-plugin-umd-wrapperを使います。
既存の形式の出力方法も維持したかったので、tsupのコードにあった defaultOutExtension() をコピペしています。

https://github.com/monakamon/make-umd-by-tsup/blob/main/libs/hoge/tsup.config.ts

ブラウザからの読み込み

ブラウザから読み込めてるか下記コードで確認しました。
コンソールにhoge.sayHello()の実行時出力が出ている事を確認しました。

https://github.com/monakamon/make-umd-by-tsup/blob/main/index.html

Discussion