質問: webpackでJavascriptやCSS、画像が1ファイル化できると知りました。 とても魅力的だと思うのですが、生成したファイルはすべてのページで使いまわすということでしょうか? つまり、 ・ページ1: script1.js と style1.cssを使用 ・ページ2: script2.js と style1.css、style2.cssを使用 ・ページ3: script2.js と style3.cssを使用 のような環境の場合、script1,2.js style1,2,3.css をwebpackで1ファイル化した場合、例えばページ1では使わない script2, style2, style3 の情報も読み込むということですよね? そういう細かいことは気にしないという思想なのか、何か私の理解が間違っているのか、よろしくお願いします。
回答: はい、むしろWebpackは「全ページで同一のファイルを生成する」ことをも目的とするツールです。 JavaScriptの側でURLのハンドリングまで行うようなSingle Page Applicationの場合、ページごとにリソースが違うと煩雑になるので、**全ページ分を1本のファイルにして**読み込ませることがよく行われます。 もちろん、Webpackを適切に設定すれば「ページごとのJS/CSSを出力」ということも、できなくはないです。