それっぽいとは webpackは、bundleツールである。 bundleとは、まとめること。 なので、 webpackの役目は、javascript等の依存を理解しその依存関係が崩れないように1つのファイルにまとめること。 である。 しかしそれで嬉しいのは主にSPAの時であり、普通のwebサイトであれば全ページで使う javascript や css をすべて1つにまとめられるのは困ったりする。 今回目指しているのは普通のwebサイトを作る際に必要なことを満たすこと。 具体的には以下になる。 bundle単位を制御できること。 共通の依存は各bundleに含めないこと。 CSSは別ファイルにbundleすること。 CSS内の画像ファイル参照は画像ファイルとして別にすること。 CSSはSASSで書けること。 ソースマップが作成されてデバッグできること。 JSは、es6で書けること。 結果フ