質問: webpackを使ってサイト全体のjsをバンドルする場合、 特定のページだけで実行したい処理はどのように実行すればいいでしょうか。 個人的に想定できるのは以下2つの方法をイメージしています。 1,各ページごとに[page].bundle.jsを作成する 2,URLや特定の要素をトリガーにして実行する できれば 2,の方法で実装したいと考えているのですが、 具体的な方法や上記以外での方法はありますでしょうか。 よろしくお願いします。
回答: ページのURLや要素で実行する処理を振り分ければいいんじゃないかな。 ある程度の規模なら振り分けたい条件に適したrouterライブラリ・モジュールをnpm辺りで探して使うのがベター。 ``` // イメージ const url = new URL(location.href); if(url.pathname==='/'){ require('index.js'); }else if(url.pathname==='/bbs'){ require('bbs.js'); }else if(document.querySelector('.foobar')){ foobar(); } ```