ビルドシステムなしでフロントエンドJavaScriptライブ... ノート

ビルドシステムなしでフロントエンドJavaScriptライブラリをインポートする

著者は、ビルドシステムなしでJavaScriptを書くことを好むと述べ、ビルドシステムを使用せずにライブラリをインポートする経験を共有します。著者は、ライブラリが提供する3つの主要なJavaScriptファイルのタイプを説明します:クラシックなグローバル変数ファイル、ESモジュール、CommonJSモジュール。著者は、NPMビルドのライブラリのファイルを見つける方法と、ブラウザーでESモジュールを使用するためのimportmapsの使用を説明します。彼らはまた、CommonJSモジュールをESモジュールに変換するためのesm.shの使用も述びます。著者は、Chart.js、@atcute/oauth-browser-client、@atproto/oauth-client-browserの使用例を提供し、各々のアプローチを議論します。彼らは、importmapsを使用するにはブラウザーのサポートが必要であり、古いブラウザーでは問題が生じる可能性があると述びます。著者は、importmapsの代替としてesbuildを使用することも述びます。最後に、3つのJavaScriptファイルのタイプとそれらを識別し使用する方法をまとめます。