[FrontEnd] HMR(Hot Module Replacement)

🚀 HMR(Hot Module Replacement) `HMR`은 브라우저를 새로 고치지 않아도 `Web Pack`으로 Build한 결과물이 Web Application에 실시간으로 반영될 수 있게 도와주는 설정 입니다. 브라우저 새로 고침을 위한 `Live Reload` 대신 이용 가능하고, `Web Pack Dev Server`와 함께 이용할 수도 있는 것이에요. 🔽 HMR 설정 React.js, 앵귤러, Vue.js와 같이 대부분의 Framework에서 이미 `HMR`을 이용할 수 있는 Loader들을 지원하고 있으나, 만약 개별적으로 설정하고 싶다면 아래와 같은 방식으로 설정할 수 있습니다. module.exports = { devServer: { hot: true } } Dev Server에 O..

2022.05.22