CommonJS에서 ESM으로 전환하기

본 글은 FE플랫폼팀에서 운영 중인 서비스 Pharus의 라이브러리 버전을 업그레이드하는 과정에서 CommonJS 모듈 시스템을 ESM으로 전환하게 된 배경과 과정에 대해 설명합니다. Pharus는 Google의 Lighthouse를 활용하여 웹 서비스 성능을 측정하는데, Lighthouse 10 버전부터 모듈 시스템이 ESM으로 변경되었습니다.

기존 CommonJS 환경에서는 ESM 모듈을 직접 불러올 수 없어, Lighthouse 10 버전을 적용하기 위해 ESM 전환이 필요했습니다. CommonJS에서 ESM으로 전환하는 과정에서 발생한 문제점과 해결 방안을 공유하며, FE 개발자들에게 유용한 정보를 제공합니다.