問題タブ [webpack-splitchunks]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
webpack - webpack で新しいチャンクを生成せずに webpack エントリを分割する方法
webpack 4 で次のことを行う必要があります。
どこ：
common.js:共通の機能が含まれています
one.js: common.jsに依存
two.js: one.js と common.js に依存
以前は webpack 3 を使用していましたが、これがそのようなバンドルを生成するためのデフォルトの動作でした。今、私はwebpack 4で実行できません
デフォルトの webpack 4 構成で実行すると、次のようになります。
common.bundle.js - (わかりました)
one.bundle.js: common.bundle.jsのコードが含まれています (間違っています。common.bundle.js への参照のみが必要です)。
two.js: common.bundle.js と one.bundle.js のコードが含まれています (間違っています。common.bundle.js と one.bundle.js への参照のみが必要です)。
javascript - HTML内のスクリプトsrcで使用するwebpack4チャンクハッシュ値を自動的に取得するには?
index.htmlスクリプト src を適切に設定するために内部で使用できるように、webpack4 によって生成されたチャンクハッシュ値を取得するにはどうすればよいですか?
簡単なコンテキスト: 私は webpack の完全な初心者であり、今日学び始めたので、愚かな質問ではないことを願っています。構成、js、css の抽出、それらの縮小、およびおそらくすべての非常に基本的な操作の方法を知っています。
これは私のwebpack.config.jsです：
関連する部分は、filename: '[chunkhash].bundle.js'のようなファイル名を生成するもの6f9e5dd33686783a5ff8.bundle.jsです。
その名前をhtmlのように使用できますが<script src="dist/6f9e5dd33686783a5ff8.bundle.js"></script>、コードが更新/再生成されるたびに変更する必要があります。
filename: '[name].bundle.js'の代わりに使用できましたchunkhashが、ポルポスのキャッシングには適していません。
それで、プロジェクトをビルドするたびに、chunkhash値を取得してそれを使用してスクリプトのsrcファイル名を自動的に設定する方法はありますか?index.html
有効なアドバイスは大歓迎です！