웹팩의 주요 컨셉

 

 

📂  웹팩 주요 컨셉

---

webpack의 주요 컨셉 #1

entry, output, bundle

• entry 파일이 필요한 모든 것을 webpack이 모아서 번들링을 해준다.
• 번들링의 결과물이 output 경로로 산출된다.

https://webpack.js.org/concepts/why-webpack/

Why webpack | webpack

 

 

 

 

webpack의 주요 컨셉 #2

• loader는 JavaScript, JSON이 아닌 파일을 불러오는 역할을 한다.

로더의 역할을 정확하게 알고 있으면 향후에 구글링으로 웹팩을 학습하다가 로더에 대한 추가 정보를 얻었을 때 더 빠르게 이해할 수 있습니다. 하나의 개념에 대해서 학습을 할 때 용어에 대한 의미를 정확하게 파악하려고 노력해보세요.

 

 

 

 

webpack의 주요 컨셉 #3

플러그인

• 플러그인은 번들링 과정 중에 개발자가 원하는 다양한 작업을 할 수 있도록 도와줍니다.
• 그 중 html-webpack-plugin은 번들링 과정 중 html 파일을 자신이 원하는 형태로 가공하여 번들에 포함할 수 있게 돕습니다.

로더와 다르게, 플러그인은 명칭 하나로 해당 플러그인의 역할을 파악하기 애매합니다. 이런 경우는 사용량을 기준으로 많이 사용하는 플러그인이 왜 많이 사용되는지 먼저 찾아보는 방식으로 학습의 우선순위를 정하는게 좋습니다. 물론, 사용량이 높다고 자신이 원하는 플러그인이 아닐 수도 있습니다. 개발 환경을 구성할 때, 내가 필요한게 무엇인지를 정확하게 구분하는게 중요한 이유입니다.

플러그인은 각자 기능이 천차만별이기 때문에, 내가 정말 필요한지 알아보고 적용해야 합니다. 여러 기술을 혼합해서 쓰다가, 필요없는 파일을 생성하거나, 효율성이 떨어지는 코드를 생성하여 번들에 넣는 경우가 없어야 하겠습니다.

 

 

 

 

 

출처

코드스테이츠

https://urclass.codestates.com/content/cc9ff40a-3d8a-4bd9-a99e-f80971e41fea?playlist=2376