2022/11/02 - TIL

Webpack, Babel

Webpack

pack : 묶음

Web에 올려진 것을 묶음으로 묶어주는 것

Babel

바벨탑이 언어 때문에 고난이었던 바벨탑을 연상하면, 바벨은 트렌스 파일러라는걸 알 수 있다

둘의 관계?

정확히는 Webpack으로 하나의 묶음으로 만들 때, Babel을 이용하여 버전이 낮은 브라우저도 호환이 되도록 만들어 준다

사용해야하는 이유?

요번에 이력서를 제출하면서 느낀 것인데 프로젝트가 웹팩을 이용하면 폴더와 파일이 상당히 깔끔하게 정리될 수 있다. 지금 이력서에 있난 파일중 어떤 파일 같은경우 한개의 파일에 모든 코드가 모여있는데, 필요한 적재적소에 적절한 파일들을 넣고 webpack으로 묶은 뒤에, dist폴더(배포 폴더)에 필요한 것만 만들고 정리하는 것이 깔끔하다.

툴체인이 중요한 이유

위의 설정들이 툴체인의 설정이 달라지면 계속 에러가 뜰 수도 있고 아니면 깔끔하게 결과가 나올 수도 있다.

이전에 툴체인과 파일의 배포나 파일정리 코드정리를 상당히 못했던 것 같은데, 이력서가 떨어지면서 어떤게 잘못되었는가 분석하면서 깨끗하게 정리하는 것에 대해 다시 한번 생각하게 되었고, 지금 가지고있는 프로젝트들의 정리의 필요성을 느꼈다