minTech

이번 동아리 프로젝트를 진행하면서,, ✈️  최적화 여행을 하게 된 계기나의 PR을 올리기 전에 항상 lint 검사와 "npm run build"를 통해 빌드를 해서 사전에 github actions에서 잡힐 오류들을 미리 검사하곤 하였다. 하지만 어느샌가부터 빌드 시 아래와 같은 경고 문구가 발생했다. 더보기(!) Some chunks are larger than 500 kB after minification. Consider:- Using dynamic import() to code-split the application- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-..

Vite를 사용하기 전에는,,브라우저에서 ES Modules를 지원하기 전까지는 JavaScript 모듈화를 네이티브 레벨에서 진행할 수 없었다. 즉, Javascript 모듈 기능을 브라우저 또는 Javascript 엔진 자체에서 기본적으로 지원하지 못했다.  따라서 require.js, commonJS, AMD 와 같은 외부 라이브러리나 Webpack, Rollup, Percel과 같은 번들러(Bundler)에 의존해야했다. 번들링이란 소스 모듈을 브라우저에서 실행할 수 있는 파일로 크롤링, 처리 및 연결하는 작업을 말한다.번들러를 통해 여러 개의 모듈 파일을 하나로 번들링하여 브라우저에서 실행할 수 있는 하나의 파일로 만들어준다. 📚 CommonJS 와 ES Modules두 개는 모두 JS 모듈을..