웹팩(Webpack) DefinePlugin, EnvironmentPlugin 사용법
웹팩은 유연하게 웹팩의 기능을 확장할 수 있도록 플러그인(Plugin) 시스템을 제공하고 있습니다. 일반 개발자도 플러그인을 통해서 웹펙에 추가하고 싶은 기능을 구현할 수 있으면 npm 저장소에 올려서 커뮤니티에 공개할 수 있습니다. 보통 여러 종류의 플러그인을 조합함으로써 웹펙의 번들링 과정동안 다양한 부가 작업을 처리합니다. 이렇게 플러그인으로 번들러를 확장하는 방식은 웹팩만의 것이 아닌데요. 요즘 널리 쓰이는 Vite의 플러그인 시스템도 같은 발상에서 출발합니다. 이번 포스팅에서는 웹팩에서 자주 사용되는 플러그인인 Define