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 ページ プラグインを生成する方法についてのエディターの紹介です。ご質問がある場合は、メッセージを残してください。エディターが返信します。間に合うように。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました!