[VsCode] Prettier format on save 기능이 갑자기 느려졌다.

📝 문제

• Next.js로 포트폴리오를 제작하고 있는데, Prettier format on save 기능이 급격하게 느려지는 현상이 발생하였다.

• 리액트에서 작업할때는 수정 및 저장시 지연 없이 Prettier format on save 기능이 동작했는데, Next에서는 짧게는 2~3초, 길게는 5초이상 해당 현상이 지속되어 여간 불편한게 아니였다.

🔍️ 원인

• 구글링 결과, prettier git의 issue에서 비슷한 현상을 겪는 게시글을 찾을 수 있었다

FormatOnSave takes a long time #1333

FormatOnSave takes a long time · Issue #1333 · prettier/prettier-vscode

• 요약하자면, 원인은 포메팅해야할 파일이 너무 많아서 였다.

 

🔨 해결책

• next의 경우 npm run dev 시 빌드된 파일이 .next 폴더에 저장이 되고, 이 파일들에 대한 포멧팅을 매번 진행하다 보니 이런 문제가 발생한 것이다.

• .next를 exclude 처리를 하니 속도가 원래대로 빨리지게 되었다!