WebPack

WebPack

Creator

Creator

Seong-lae Cho

Created

Created

2020 Aug 10 2:46

Editor

Editor

Seong-lae Cho

Edited

Edited

2023 Sep 19 16:13

Refs

Refs

Web App Bundling

Make output from From Entries by Loader/Rules with necessary modules

Webpack Notion

Webpack Tree Shaking

Webpack Version

Webpack aliasing system

Webpack Usage

Webpack Configure

Mode Config | 웹팩 핸드북

웹팩 버전 4부터 mode 라는 개념이 추가되었습니다. 아래 코드를 보겠습니다. 웹팩 설정을 정의할 때 위와 같이 mode 라는 속성을 정의하면 웹팩의 실행 모드가 설정됩니다. 웹팩의 실행 모드에는 다음 3가지가 있습니다. 각 실행 모드에 따라 웹팩의 결과물 모습이 달라집니다.

Mode Config | 웹팩 핸드북

https://joshua1988.github.io/webpack-guide/advanced/mode-config.html#%EC%8B%A4%ED%96%89-%EB%AA%A8%EB%93%9C%EC%97%90-%EB%94%B0%EB%9D%BC-%EC%9B%B9%ED%8C%A9-%EC%84%A4%EC%A0%95-%EB%8B%AC%EB%A6%AC%ED%95%98%EA%B8%B0

규모가 있는 System에서는 많은 Javascript가 존재하게 됩니다. 이 많은 Javascript 파일을 하나의 파일로 관리하기엔 어려움이 있습니다. 그렇다면 여러 개로 호출하면 해결되는게 아닐까? 여러 개의 파일을 브라우져에서 로딩하는 것은 네트워크 비용이 그만큼 사용하여 반응속도가 느려지게 됩니다. 더 나아가 각 파일의 변수 충돌의 위험성도 존재하게 됩니다. 이를 해결하기 위해 Webpack이 등장하게 되었습니다.

https://nesoy.github.io/articles/2019-02/Webpack

Webpack이란?

Recommendations

////////////