Webpack

프론트엔드 개발을 위한 웹팩 설정Node.js 미리 설치되어 있어야 함. HTML+CSS+JS 기초다양한 모듈들을 하나의 js 파일로 만들어줌.보통 작업을 할 때, index.html을 만들고 index.js 파일을 만듦.index.htmlindex.js원하는 것다

external 방식(css 파일을 별도로 만들어서 가져오는 형태)으로 작업(기존 처럼 internal 방식으로 사용하는 경우도 많겠지만)npm i -D mini-css-extract-pluginwebpack.config.jsplugins 플러그인이니까 여기서 설정

개발 끝내고 배포 시, bundle 사이즈는 항상 신경을 써야 됨. lodash를 import 하는 방식에 따라서 최종 bundle js의 사이즈가 달라짐. 실행 사항 Webpack | 개념 / 필수 개발 환경 세팅 1(https://velog.io/@k