productionBrowserSourceMaps

소스 맵은 개발 중에 기본적으로 활성화됩니다. 프로덕션 빌드 중에는 클라이언트에 소스가 유출되는 것을 방지하기 위해 비활성화되어 있습니다. 단, 설정 플래그로 명시적으로 활성화하지 않는 한 말이죠.

Next.js는 프로덕션 빌드 중 브라우저 소스 맵 생성을 활성화할 수 있는 설정 플래그를 제공합니다:

next.config.js

module.exports = {
  productionBrowserSourceMaps: true,
};

productionBrowserSourceMaps 옵션이 활성화되면, 소스 맵은 JavaScript 파일과 동일한 디렉토리에 출력됩니다. Next.js는 요청 시 이러한 파일들을 자동으로 제공합니다.