자바스크립트 번들러

자바스크립트는 단순한 스크립트 언어로 탄생함

  자바스크립트는 원래 브라우저에서 간단한 동작을 하도록 하기 위한 언어여서 현재 현업에서 진행되는 큰 프로젝트 사이즈를 커버하기 위해 생겼던 언어가 아니기 때문에 하나의 파일을 통해 기능 구현을 했을 시 느리고 복잡해지고 수정할 때마다 많은 과정을 거치게 되었다.

 

모듈화를 통해 파일을 분리해봄

  어떤 기능별 혹은 화면별 스크립트 파일을 관리하는 모듈화를 통해서 하나의 파일에만 쏟는 게 아니라 파일을 나누어 작동 시키게 되었다. 근데 이러다보니 파일 크기가 너무 커지고 많아져서 로딩할 때 속도가 엄청 느려지게 됐다. 

 

번들러를 통해 모듈화한 파일들을 하나로 합치자 하여 나온 webpack

  나누어져있는 모듈 파일들을 하나로 합치는 번들러가 나오게 되었다. 가장 대중적인 것으로는 webpack이 있는데 얘는 다양한 부가 기능을 제공해주어 좋았지만 하나를 수정했을때 다시 빌드하고 확인하고 빌드하고 확인하고 하는 시간이 오래 걸리기도 하고 사용하기가 너무 어려워서 점점 단점이 부각되게 되었다.

 

go언어를 통해 만든 번들러 Esbuild

  웹팩은 자바스크립트로 이루어져 있어서 느린 속도를 가졌지만 go 언어로 만들어진 Esbuild 번들러는 속도가 빨랐다. 근데 웹팩이 주는 부가 기능을 제공하지는 못해서 사용자가 엄청 뛰지는 않았음.

 

Vite 탄생

    다양한 기능 + 빠른 속도의 번들러를 만들어냈음!!!!!!!!!!!!~!~~!~@!~@!@~!