[개발환경]npm: 10.5.0Node.js: 18.20.2 00. 개요Create React App(CRA)를 사용하면 프로젝트 초기 설정이 매우 간단하고 빠르게 할 수 있다. 하지만 기본적인 설정을 제공하기 때문에 특정 작업이나 플러그인을 사용하려는 경우 커스터마이징 하기 어렵다. 또한, 모든 라이브러리를 포함하여 번들을 생성하기 때문에 번들 크기가 커진다는 점이 신경쓰였고, 무엇보다 직접 웹팩을 설정해서 개발환경을 구성해 보고싶었다. 01. 웹팩(Webpack)이란?웹팩은 JavaScript 애플리케이션을 위한 정적 모듈 번들러이다. 애플리케이션을 처리할 때 프로젝트에 필요한 모든 모듈을 매핑하고 하나 이상의 번들을 생성한다. 이는 개발과정을 단순화하고, 코드를 최적화하여 웹 사이트의 성능을 향상시..
