この記事は主に webpack 設定ファイルの入力と出力を紹介しています。編集者が非常に優れていると考えたので、参考として共有します。エディターをフォローして一緒に見てみましょう
この記事では、webpack の設定ファイルのエントリと出力を紹介し、それを皆さんと共有します。詳細は次のとおりです:
entry は webpack.config.js 内の唯一のエントリ ファイルです
。
entryも使用可能です 配列です
配列の場合、配列内のファイルはbundle.jsにまとめてパッケージ化されます
entryはオブジェクトにすることもできます。
出力のファイル名に 3 つの値がある場合:
.[name] は、ファイル名が存在するエントリのキー値です。
.[hash] は md5 で暗号化された値です。
.[chunkhash] はここではバージョン番号として使用されます。
ファイルが変更されるたびに、実行後に異なるハッシュ値とチャンクハッシュ値が生成されるため、オンライン時の静的リソースのバージョン管理が容易になります。
実行するたびにファイル名が変わる場合は、install html-webpack-plugin プラグインを使用して npm install html-webpack-plugin --save-dev をインストールする必要があります。
完了したら、webpack にインストールします。config.js ファイルに plugins キーを追加します。 plugins の値は array で、内部の値はすべて新しい htmlWebpackPlugin です。 ()、パラメーターは次のような構成配列です:以上がWebpack設定ファイルの詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。