목록Webpack (2)

Develop+

Webpack이란? Webpack 개념, 주요요소(Entry, Output, Loader, Plugin)

Webpack 이란? - webpack이란 모듈 번들러이다. - 웹사이트 상의 모든 리소스를 하나의 js 파일로 만들어준다. 왜 Webpack이 필요할까? (Webpack의 등장) 자바스크립트 코드가 많아지면 많아질수록 하나의 파일로 관리하는 것은 점점 힘들어지기 시작했습니다. 여러 파일로 나눠서 로딩할 수도 있겠지만 그러면 그만큼의 네트워크 비용문제가 생기고, 각 파일내에서의 스코프 침범이 일어나는 문제들이 생겼습니다. 함수 스코프를 나눠 모듈시스템으로 관리할 수 있습니다, 하지만 브라우저 내에서 모듈 시스템을 사용하려면 IIFE(즉시실행함수) 로 변경해줘야하고, 네트워크 비용을 축소하기 위해 하나의 파일로 묶어주는 방법이 필요합니다. 웹 네트워크 상에서는 하나의 리소스를 요청하고, 요청을 끊습니다. ..
Webpack 2022. 4. 13. 23:31
webpack 라이브러리 걷어내고 커스텀하기

담당하고있던 서비스에서 webpack 설정이 복잡하고 까다롭기 때문에 webpack 설정 + 개발환경을 도와주는 라이브러리 roadhog를 사용했다. 계속 사용해도 나쁘지 않았지만, 서비스가 커지면 커질수록 문제점이 생겼다. roadhog npm(참고) https://www.npmjs.com/package/roadhog 문제점은 webpack 설정에 관련된 af-webpack 과의 강한 의존성 roadhog는 업데이트가 더이상 되지 않아 많은 패키지들이 더이상 호환되지 않는다. 중국어로 된 docs. 영어docs 는 매우 불친절... 사용하는 사람이 적어 정보를 찾기가 힘듬. 등이 되겠다. 지금까지 왜 걷어내지 않았는가? 를 생각해보면, 서비스가 커지면 커질수록 기본 환경을 전부 설정하고있는 roadho..
Webpack 2022. 2. 25. 08:04
이전 Prev 1 Next 다음