webpack

Programming Language/Javascript

[NPM DEEP DIVE] 6장. 자바스크립트 번들 도구 살펴보기

위 글은 NPM DEEP DIVE를 읽고, 그 중 6장의 내용을 정리한 글이다.번들링번들링의 역사초기 자바스크립트 환경파일 분리의 모호함순차적인 로드로 인한 성능 저하전역 네임스페이스 오염복잡한 의존성 관리번들링 라이브러리 등장- Browserify(2011 ~ ???)애플리케이션에서 사용된 모든 require() 함수의 호출을 재귀적으로 분석해 브라우저에서 하나의 태그로 사용할 수 있도록 번들을 생성함 => '여러 개로 흩어진 파일을 하나로 합쳐서 제공한다' => 훨씬 빠른 번들링 도구들의 등장과 import 구문 추세에 밀려 자주 사용되지 않음- Webpack(2012 ~ )자바스립트뿐만 아니라 정적 자원(HTML + CSS + 이미지 등)도 번들링하며, 다양한 플러그인 제공하여 DX를 개선하여 현..

Tool Chain

[Webpack] 웹팩이란? (+ 기본 구성)

회사에서 공부해왔던 프론트엔드와는 무관한 ACS 시뮬레이션 업무를 해오며,본의 아니게 코드를 놓은지 거의 3개월째이다.경각심을 느껴, 제로초의 web-game 강의로 다시 리액트 감을 좀 끌어올리는 겸공부한 내용을 정리하려한다. 툴체인에 대한 이해가 많이 부족하다고 생각하는데,툴체인패키지 매니저 (package manager)번들러 (bundler)컴파일러 (compiler)포멧터 (formatter)린터 (linter)테스트 러너 (test runner)미니마이저 (minimizer)서버 (server)그중 첫번째로, 번들러중 하나인 Webpack에 대해 정리해보려 한다.1. Webpack이란?현대의 웹사이트는 수많은 HTML, CSS, JavaScript, 이미지들이 모여 구성되는데, 이 때, 수많은..

개발자참치
'webpack' 태그의 글 목록