Webpack を使用して独自のサードパーティ JS ライブラリを構築して使用するにはどうすればよいですか?

Question

jQuery、React などに興味があります。これらのパッケージ化されたライブラリは、$、jQuery、およびReact が訪問し、あなたが構築したライブラリが React のようにグローバルにどのように使用できるかを知りたいと考えています。

Webpack パッケージ化後、定義された関連オブジェクトがグローバルにまったく見つからないことがわかりました。

Answer 1

ライブラリにパッケージ化します。https://webpack.js.org/guides... をお読みください。

Answer 2

webpack がパッケージ化された後は、どのようにしてグローバルにアクセスできるようになりますか?

グローバルにアクセスするには、新しい webpack.ProvidePlugin の関連する設定を webpack に追加する必要があります

例えば

リーリー

Answer 3

通常は、メイン オブジェクト (またはクラス) をグローバル オブジェクトに直接登録するだけです。たとえば、jQuery の登録メソッドを模倣できます (ドキュメントを決定するセクションを削除します)。 リーリー

モジュール的な書き方を採用している場合は、エントリーモジュールに上記のコードを書くことができます。