Frontend/Webpack

웹팩이란????(간략히) 🔥

웹팩이란 웹팩은 모듈 번들러 입니다. entry point, 즉 진입파일을 명시해주고 이 진입 파일로 부터 필요한 모듈들을 모두 긁어모아 하나의 파일로 만들어 줍니다. 클라이언트에서는 여러 파일을 요청하지 않고 하나의 파일만 요청함으로써 어플리케이션을 활성화 시킬수 있습니다. 웹팩은 js파일만 인식하고 다룰수 있습니다. 다른 형식의 파일을 load해야할때는 loader를 추가해주어야 합니다. 그래서 html, css, img 등을 처리할때는 각각의 loader를 추가해주어야 합니다. 이 loader들은 비js 파일들을 웹팩내에서 다룰수 있게 해줍니다. minify, ugilify등을 수행하기 위해서는 terserPlugin과 같은 여러 plugin도 추가할 수 있습니다. 플러그인은 웹팩으로 변환한 파일에..

왜 웹팩을 사용해야할까요?

이 포스팅은 아래의 사이트를 번역한 글입니다.(오역과 개인의 생각 또한 포함되어 있습니다.) https://webpack.js.org/concepts/why-webpack/ Why webpack | webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset. webpack.js.org 왜 웹팩일까요? 웹팩의 사용이유에 대해 이해하기 위해서 번들러가 유행하기 전에 자바스크립트를 웹에서 어떻게 사용하였는지 ..