Webpackファイル名の変更を停止するにはどうすればよいですか？

Question

私は非常にwebpackに新しいです。

vue-cliという定型文テンプレートを設定しました。現在、npm run buildを実行すると、自分のファイルは/dist/buildフォルダにコンパイルされ、jsとcssというフォルダに分割されます。

私はWordPressテーマを作っています。私は<script>と<style>タグからファイルにアクセスしています。それは動作します...しかし、Webpackをnpm run build経由で再コンパイルするたびに、ファイル名がランダム化され、最後にランダムな文字列が追加されます（index.phpから直接ファイルを参照することは不可能になります）。

Webpackによるファイル名のランダム化を停止する方法はありますか？コンパイルするたびにindex.phpを更新する必要はありません。それとも私はこれについて間違った方法をとっていますか？

Answer 1

これは機能です。できるだけ長くブラウザにjs/cssをキャッシュさせることができますが、ファイルを変更するたびに実際のファイル名を変更してブラウザが認識して勝利しないようにすることができますキャッシュされたバージョンは使用しないでください。しかし、各ビルドの更新されたファイル名でHTMLソースを更新する方法が必要です（もちろんこれを自動化するパッケージがあります）。

しかし、そうしたくなければ、する必要はありません。 webpackの設定では、ビルドに使用するファイル名を指定できます。 output.filenameは、使用する設定フィールドです。詳細については、the docs on output hereを参照してください。