웹팩(Webpack) 플러그인 사용법

웹팩은 유연하게 웹팩의 기능을 확장할 수 있도록 플러그인(Plugin) 시스템을 제공하고 있습니다.

일반 개발자도 플러그인을 통해서 웹팩에 추가하고 싶은 기능을 구현할 수 있으면 npm 저장소에 올려서 커뮤니티에 공개할 수 있습니다. 보통 여러 종류의 플러그인을 조합함으로써 웹펙의 번들링 과정동안 다양한 부가 작업을 처리합니다.


이번 포스팅에서는 웹팩에서 자주 사용되는 플러그인인 DefinePlugin과 EnvironmentPlugin을 어떻게 사용하는지 알아보겠습니다.


📝 포스팅: https://www.daleseo.com/webpack-plugins-define-environment/


자바스크립트 번들러인 웹팩을 공부하고 계신다면 아래 게시물도 같이 참고해보시면 도움이 될 것 같습니다.


📕 웹팩(Webpack) 기본 사용법 (CLI): https://careerly.co.kr/comments/93134

📗 웹팩 기본 설정법 (Entry/Output/Loader/Plugins): https://careerly.co.kr/comments/95196

📘 웹팩(Webpack) 개발 편의 기능: https://careerly.co.kr/comments/96844

웹팩(Webpack) DefinePlugin, EnvironmentPlugin 사용법

www.daleseo.com

웹팩(Webpack) DefinePlugin, EnvironmentPlugin 사용법

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2024년 1월 10일 오후 10:18

 • 

저장 10조회 3,156

댓글 0

    함께 읽은 게시물

    실무에서 바로 쓰는 AI 챗봇 Safety 정책

    A

    ... 더 보기

    실무에서 바로 쓰는 AI 챗봇 Safety 정책 | CannotBeHidden

    CannotBeHidden |

    실무에서 바로 쓰는 AI 챗봇 Safety 정책 | CannotBeHidden

     • 

    저장 3 • 조회 386


    나는 종종 생산성을 올리기 위한 각종 개발 툴은 물론, 라이브러리나 소스 코드를 구매하기도 한다.


    소스 코드의 경우 실제로 써먹지 못하는 경우도 상당수 되긴 하지만, 그래도 구성이나 코드를 보면서 배우는게 있기 때문에 학습 비용이라고 생각하고 가끔 구매하는 편이다.


    ... 더 보기


    혹시 Claude 나 cursor 등 AI 로 개발하실 때
    뭔가 AI 스러운 뻔한 디자인 때문에

    ... 더 보기

    LinkedIn

    www.linkedin.com

    LinkedIn