Deno Advent Calendar 13日目の記事で、esbuild-deno-loader を使って Deno 互換スクリプトをバンドルする例を紹介しました。
これでも良いのですが、API 呼び出しが複雑なため、毎回この記述を思い出す・調べるのは少し面倒です。個人的には、毎回 esbuild を設定しなくても良いように、esbuild + esbuild-deno-loader の設定を入れた簡単なラッパー CLI を用意して、それを使ってフロントエンドのビルドをしています。
pack というツールで、以下のようにして Deno から使えます。
deno -A jsr:@kt3k/pack script.ts -o script.js
以上の呼び出しで、script.ts がバンドルされて、script.js にファイルが保存されます。
Deno とほぼ互換なモジュール解決が出来て、以下のような Deno のモジュール機能に対応しています
- URL import
-
jsr:import -
node:import -
npm:import - import map
Deno 互換の書き方でフロントエンド(ブラウザ)やその他のランタイム上でプログラムを動かしたい場合に上記ツールでバンドルするのが便利です。
Happy Isomorphic Deno Programming!