html-webpack-plugin' を使用してメモリ内に HTML ページ プラグインを生成します。

webpackjs ファイルをパッケージ化するときに、次に示すように、index.html インターフェイスにグローバル main.js を導入します。

src ='budl.js'をインポートする必要があります

パッケージ化時に、解凍されたファイルは2つのファイルに分割されます。1つはローカルディスクファイルで、もう1つはメモリ内のファイルです。これは非常に面倒です。この問題に対して、解決策があります。このプラグインhtml-webpack-pluginをインストールします。

1. まず、 npm i html-webpack-pluginと入力してプラグインをインストールします。

2. 次に、webpack.config.js 構成ファイルでオプションを構成します。

インストール完了

webpack.config.js は html-webpack-plugin を導入します

生成されたインターフェースファイルを構成する

3. プラグインをインストールしたら、インデックスの src="budle.js" をコメントアウトしてプロジェクトを再起動します。

4. プロジェクトを再起動すると、インターフェースはbuld.jsを自動的にパッケージ化し、インデックスインターフェースにインポートします。

要約する

上記は、html-webpack-plugin' を使用してメモリ内に HTML ページ プラグインを生成する方法についてのエディターによる紹介です。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残していただければ、エディターがすぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。