Webpack

웹팩(Webpack)은 JavaScript 애플리케이션을 위한 정적 모듈 번들러이다.여러 개의 파일들을 하나로 묶어주고, 프로젝트의 의존성 관리 및 번들링을 수행하여 최적화된 정적 자원을 생성한다.여러 개별적인 모듈이나 파일들을 하나로 묶어주는 도구로, 주로 JavaS

웹팩 설치 웹팩을 사용하기 위해 먼저 프로젝트에 웹팩을 설치해야 된다. npm을 사용하여 웹팩과 웹팩 CLI를 설치한다. webpack 웹팩 모듈 번들러 라이브러리 webpack-cli 웹팩 명령행 도구 간단한 웹팩 설정 작성 1. 웹팩 설정 파일 추가 웹팩 설

엔트리 포인트 설정 웹팩에서 엔트리 포인트(entry point)는 빌드 프로세스를 시작하는 지점으로, 의존성 그래프의 시작점이다. 엔트리포인트를 설정하는 방법은 웹팩 설정 파일에서 entry 속성을 사용하는 것이다. webpack.config.js ./src/in

로더는 웹팩이 웹 애플리케이션을 빌드할 때 JavaScript파일이 아닌 다른 유형의 파일을 처리하는데 사용되는 도구로, 파일을 변환하고 웹팩이 이해할 수 있는 모듈로 변환한다. 아래는 간단한 CSS, 이미지, 파일을 처리하기 위한 로더 사용법에 대한 예제이다. C

웹팩 플로그인은 번들링 과정 중에 더 많은 작업을 수행할 수 있게 하는 도구이다. 로더는 파일 변환이나 모듈 처리와 관련된 작업을 담당하는 반면, 플러그인은 번들된 결과물을 최적화하거나 수정하는 등 빌드 과정에서 추가적인 작업을 수행할 수 있다.기본적으로 웹팩에서 제공