Webpack Caching 전략

캐싱은 빌드 시간을 단축하는 웹팩의 유용한 기능이다.

웹팩으로 빌드한 결과물이 변경되지 않았으면 계속 캐싱 상태로 남겨서, 별도의 HTTP 요청이 발생하지 않도록 하는 기법이다.

 

Cache configuration

type으로 filesystem 유형은 파일 시스템 캐시를 활성화

활성화 함으로써 이전 빌드한 내용과 비교해서 필요없는 단계를 스킵할 수 있다.

빌드는 기본적으로 node_modules/.cache/webpack에 캐시된다.

 

module.exports = {
 //....
 //webpack5 - persistent file system caching
  cache: {
    type: 'filesystem',
  },
 //...
}

 

참고:

https://javascript.plainenglish.io/how-to-improve-webpack-performance-7637db26fa5f