ume

webpackerとwebpackとは?

対象者

  • javascript初学者(基本構文は学習済み)

  • webpackerとwebpackについて知りたい方

webpackerとwebpackとは

Webpacker.
⇨ webpackをrailsで使用するためのgem =つまりwebpackを管理してくれるもの

Webpack(モジュールバンドラー)とは、CSSJavaScript、画像などを1つのファイルとしてまとめるためのもの。

イメージ

webpackerのメリット.

  • 開発者がファイルを管理しやすい

  • サーバーの負荷を軽減できる

①に関しては webpackerがないと 1つのファイルにcss,javascriptなどまとめないといけないが webpackerのおかげで機能ごとにファイルを分けることができる。

②に関して 例えば3枚の画像を表示させるという処理をした場合 webpackerがないと

この様にリクエストを送ってレスポンスをもらうという作業を画像1枚につき1往復しないといけない。結果3枚の画像を表示させるのに3往復しないといけない。 しかしwebpackerがあると3枚の画像を表示するのに1往復でできるのでリクエストの数が減るのでレスポンスの数が減り結果サーバーの負担が減る。