browserslist 쾌속 가이드

https://blog.shiren.dev/2020-12-01/ browserslist 들어보셨나요? 프론트엔드는 다양한 브라우저에 대한 대응을 필요로 합니다. Babel이나 ESBuild 같은 도구에게 우리는 이런 브라우저 버전을 지원하고 있어! 라고 알려주는 게 browserslist입니다. Babel은 브라우저에 따라 사용해야 할 폴리필의 내용이나 빌드 결과가 달라집니다. 브라우저 대응을 잘해놓으면 구형 브라우저를 사용하는 사용자들이 행복해질 수 있기 때문에 꽤 중요한 내용이라고 볼 수 있습니다. 이 글은 browserslist에 대해서 간단하게 소개합니다. 참고로 Vite는 현재 browserslist를 지원하지 않습니다. (레거시 플러그인을 사용하지 않는 이상) 이에 대해 지원을 해달라는 요청 글(https://github.com/vitejs/vite/discussions/6849)이 올라와 있습니다. 현재 대안으로는 브라우저 지원이 필요한 경우 직접 Vite config의 `build.target`을 수정하거나 browserslist-to-esbuild 패키지를 써서 browerslist를 자동으로 타겟에 추가하도록 만들어주는 방법이 있습니다.