BASE Advent Calendar 2021 9日目の記事です。 フリーランスのフロントエンドエンジニア 坪内です。 BASE のお手伝いをさせていただくようになって 1ヶ月が経ち、色々見えるようになってきた中で最も気になっていた点の 1つが、 「HMR されていない」 でした。 BASE の Web フロントエンドは webpack でビルドされているのですが、 ローカルの開発環境が Docker 上で動いている事もあってか、残念ながら HMR はされていない状況でした。 「Docker 環境だから無理?」 「“webpack HMR docker” とかでググると色々出てくるし出来そうな?」 さっそく取り掛かってみました。 HMR とは? 一応、HMR の説明をしておきます。 https://webpack.js.org/guides/hot-module-replacement

