목차
Webpack
Caching
define plugin
asset module
bundle size 최적화
참조
Webpack
https://webpack.js.org/
Javascript
Bundler
Javascript / Node.js Build 도구
Caching
[Webpack] hash, chunkhash 그리고 contenthash (캐싱전략)
hash vs chunkhash vs contenthash
Front End 배포시 리소스 캐싱 기법
contenthash
: 파일 내용기반 해싱. 내용이 변경될 때만 해시값이 바뀌게 됨. 변경되지 않은 리소스는 그대로 둬서 캐시됨.
define plugin
DefinePlugin | 웹팩
컴파일 타임에 전역 상수 설정값 반영. profile 별로 서로 다른 설정값 구성.
asset module
Asset Modules | 웹팩
애셋 모듈은 로더를 추가로 구성하지 않아도 애셋 파일(폰트, 아이콘 등)을 사용할 수 있도록 해주는 모듈입니다.
bundle size 최적화
성능 최적화 1 — 번들 크기 줄이기 (React, Webpack, Minify, Code Splitting) | by Bling | Medium
참조
SPA 초기 로딩 속도 개선하기 – little big programming – Medium
(Webpack 2) 상대경로 헬파티에서 탈출하기
Caching Assets Long Term with Webpack – Connect the Dots – Medium