※本サイトで紹介している商品・サービス等の外部リンクには、アフィリエイト広告が含まれる場合があります。
JavaScriptの読み込みを速くする
前回、 JavaScriptの開発環境を整えた
最後にページをロードしたときの処理を書いてみたけど、読み込みに時間がかかった
なので今回は、もっと速く読み込めるようにする
bin/webpack-dev-server
# =>ℹ ｢wdm｣: Compiled successfully.
packs配下のjavascriptを、railsがうまいこと読み込んでくれるようになる
webpackはモジュールバンドラと呼ばれるもの
- 複数のjavascriptファイルがある場合、ブラウザは読み込むことができない
- モジュールバンドラは複数のファイルを1つのファイルに出力してくれる
webpackerは、webpackのrails版のこと
このサーバーを立ち上げると、javascriptのファイルに変更があった場合、即座にファイルをまとめてくれる
開発スピードが上がるので便利
railsのサーバーではファイルをまとめるのに時間がかかるので、このサーバーを起動しておくのが推奨されている
#DAY5
