任意のブラウザにjsモジュールを含める最も良い方法

Question

私は別のWebプロジェクトに含める大きなライブラリを構築しました。このライブラリは、すべての依存関係を管理し、js、css、およびhtmlファイルを含みます。

理想的には私はNPMモジュールとしてラップし、ちょうどフロントエンドプロジェクトに含めるimportを使用しますが、thisによると、正式にすべてのブラウザでサポートされていないそのしたいと思います。私はクロム、サファリ、ファイアフォックス、IEで合理的なサポートが必要です。

また、外部モジュールローダーの必要性がありません。私は本当にダウンロードして、取り込み、GOしたいだけです。

ライブラリのフォルダをダウンロードしてから、スクリプトタグを使用してエントリポイントファイルを参照するのは厄介なようです。

どうすればよいですか？

Answer 1

すべてのユーザーをサポートする方法は、CommonJsとAMDモジュールローダーで使用できるソース（既存のもの）と古いバージョンのスクリプトタグを使用できるUMDバージョンの両方を備えたnpmモジュールです。

ビルドステップを追加し、その出力をモジュールの一部として組み込む必要があります。 Webpackはこれを達成するための標準的なツールです。 WebPACKのドキュメントで

関連セクション：https://webpack.github.io/docs/library-and-externals.html