[Webpack] webpack-dev-server 가 느려졌을때

webpack-dev-server가 느려졌을 때,

일단 내 webpack.config.js의 경우

이런식으로 되있다.

최근에 webpack 3 -> 4로 업글하면서 아니 무슨 html하나만 바꿔도 re-compile하는데 1~2분 걸리니 정말 말도 안되게 작업하기가 너무 힘들었다.

그래서 확인해보니.. 내 package.json의 dev server 시작 커멘드가 단순히


이런식으로 되어 있다. 이런… 이를

위와 같이, hot replacement와 development 모드를 추가하니깐

처음 컴파일만 좀 느리고 아주 빠르게 잘 동작한다.. hot replacement에 대해 원래 알고있었지만 이 문제인줄 모르고 뭐 module부터 이리저리 막 수정했던 내가 바보같음 ㅠㅠ

안녕하세요, 개발자 메튜장 입니다. 약 6년간 개발해 왔으며, 현재는 유라임 이라는 자기관리 웹 서비스를 창업하여 개발/운영하고 있습니다. 모던웹 개발, UX와 마이크로서비스, 대용량 아키텍처에 특히 관심이 많습니다. 개발 토크는 언제나 환영합니다. 댓글 혹은 이메일 ([email protected]) 으로 연락주세요 :-)

Translate »