webpack
webpack
오늘의 블로그 읽기 20231121
주제: 번들러
링크
https://webpack.js.org/
웹팩 공식문서
https://velog.io/@suyeon9456/Webpack
웹팩 기본에 대해 잘 설명된 글
https://ui.toast.com/fe-guide/ko_DEPENDENCY-MANAGE
의존성 관리에 대한 toast UI 글
https://ui.toast.com/weekly-pick/ko_20160212
웹팩에 대한 toast UI 글
요약
웹팩의 등장
toast UI의 글을 인용했습니다.
> 기존의 프론트엔드 자바스크립트는 특별히 모듈화나 디펜던시 관리에 대한 방법이 없어 필요한 자바스크립트 파일을 정해진 순서에 맞게 직접 스크립트 태그로 로드하고 각각 약속된 네임스페이스에 담아 공유했었다. 이런 방식은 프로젝트가 커질수록 그리고 참여 개발자가 많을수록 문제를 일으켰다.
모듈 시스템
모듈 시스템의 발전 -> AMD, CommonJS -> 다른 모듈 시스템을 통합적으로 사용 -> webpack(UMD) 사용
웹팩
loader, plugin를 사용하여 entry를 output으로 바꿀 때 여러가지 설정을 해줄 수 있다.
모듈 시스템을 통합적으로 사용할 수 있게 조절해준다.
결론
미루고 미뤄왔던 웹팩과 관련한 글을 읽었습니다. 사실 읽고 나니 별거 없었고, webpack 4부터는 설정 파일도 필요하지 않을 정도로 많은 발전을 해왔기에, 사용도 쉬울 듯 합니다. 왜 이런 웹팩을 두고 다른 번들러가 발전했는 지에 대해서 좀 더 조사해 봐야겠습니다.
다음 내용이 궁금하다면?
이미 회원이신가요?
2023년 11월 21일 오전 12:51
댓글 0
함께 읽은 게시물
간밤에 또 빅 AI 업데이트가 있었군요. Claude 4 Opus, Sonnet 패밀리가 발표되었습니다.
성능이나 다양한 능력이 향상되었고, 트렌드에 맞게(?) 소프트웨어 개발 성능이 또 크게 올랐습니다.
🎯 유튜브에 100번째 코딩 테스트 문제 풀이 영상을 올렸습니다!
지
... 더 보기
한때 천만원에 거래되었던 Manus, Bedrock 무료 오픈소스로 공개
한
... 더 보기
