Webpack cli가 종료되지 않는 문제

■ 상황

Webpack에다가 플러그인을 몇 개 추가해주고 나서 빌드를 수행했는데, 

('npm run build' 같은 스크립트를 통해 빌드를 수행했다)

빌드가 완료된 이후에도 터미널이 원래대로 되돌아오지 않았다. 

즉, 빌드가 완료되었다는 메시지가 떴는데도 Webpack의 수행이 종료되지 않았다.

 

■ 상세

원인은 바로 WebpackBundleAnalyzer였다.

WebpackBundleAnalyzer를 서버 모드로 수행하고 있어서,

빌드가 완료된 이후에도 Bundle 결과를 보여주기 위해 계속해서 서버를 돌리고 있었던 것. 

결과적으로, WebpackBundleAnalyzer를 development 모드일 때만 실행하게 함으로써 문제가 해결되었다.

다른 해결 방법으로는 서버 모드 말고 html 파일을 생성하는 방식으로 BundleAnalyzer를 사용하는 방법도 있다.

(analyzerMode의 default가 'server'인데, 이것을 'static'으로 바꿔주면 된다. 'json'으로 바꿔주면 번들 결과를 JSON 파일로 보는 것도 가능하니 참고할 것)

 

■ 비고

바보같은 실수였지만, 왠지 다음에 또 반복할 수도 있을 것 같아서..

사실은 내가 기억하기 위해 적어놓는 셈. ㅎㅎ;