Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 22 additions & 0 deletions day01hw/webpack_201302477_전철민.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
201302477_전철민

웹팩이란 ?

웹 어플리케이션의 규모가 커지면서 복잡성을 대응하기위해
사용되는 리소스나 자바스크립트 코드등을 번들로 묶어 사용할 수 있도록 돕는 모듈 번들러이다.
웹팩의 구성은 엔트리, 아웃풋, 로더, 플러그인이다.
웹팩에서는 모든 것이 모듈이다.
이 모듈 간의 의존성을 해결하고 하나의 파일로 묶어 줄때,
관계간 시작점을 엔트리라부른다.
엔트리로부터 시작하여 모든 모듈을 하나로 묶어서 번들된 결과물을 처리하는 위치를 아웃풋으로 연결해준다.
웹팩은 자바스크립트 말고는 다른 파일에 대해서는 모르기에 로더를 이용해서 어떻게 사용할지 어떤 파일을 사용하는지 설정한다.
마지막 개념인 플러그인은 번들된 결과물에 대한 추가적 작업을 해주는 요소이다.

출처 : http://blog.jeonghwan.net/js/2017/05/15/webpack.html
http://jusungpark.tistory.com/52

왜 사용해야하는 가 ?

알아본 바로는 Webpack은 모든 리소소들에 대한 의존성 그래프를 생성하여 빌드하도록 한다. 따라서, 다양한 리소스가 들어있는 프로젝트라면 webpack을 사용하는게 적합할 것이다. 이 의존성 그래프란게 큰역할을 하는 듯하다.

출처 : http://haviyj.tistory.com/17