NOW OR NEVER

Webpack Chunk bundle 파일이 특정 기준을 통하여 몇 개의 파일로 나뉘어진 형태 webpack.config.js에서 optimization{}으로 설정 후 yarn build runtime chunk {} 모듈들에 대한 내용만 남고 분리 vendor chunk {} vendor : 외부 패키지 모듈 ex) jQuery 외부 모듈만 분리하여 관리 hash 값이 바뀌지 않아 hash 값을 통해 효율 관리 가능 chunkhash 나눠진 파일 별로 hash 값 부여 모듈을 제외한 chunk에는 영향을 주지 않음 소스 코드 최적화 최종적으로 사용자에게 전달하는 리소스는 최적화 하여 전달해야 함 모듈을 사용하지 않고 직접 소스 코드 최적화 방법 사용자를 위해 최적화 하는 것이므로 production ..

Webpack web application을 위해 사용하는 bundler(도구) 모듈 해석 -> 의존성 그래프 생성 -> 번들 생성 웹팩 설치 명령어 : yarn add webpack webpack-cli --dev 실행 명령어 : npx webpack npx webpack --target=node Module 프로그램을 구성하는 내부의 코드가 기능별로 나뉘어져 있는 형태 한 파일에 쓰여진 큰 코딩 덩어리를 여러 개로 쪼개 사용 할 수 있음 어떤 기준을 통해 코드가 파일 단위로 분리되어있는 형태에서 서로를 참조 js, sass, css, jpg, png 등 module을 사용하기 위해서는 module을 인식하는 module system과 module을 다루는 키워드가 제공되어야 한다.(module이 어떤..