우리는 모든 image를 웹페이지에 적용하기위해 gulp-image라는 플러그인을 설치할 것이다.
yarn add gulp-image
플러그인을 설치한 다음 다음과 같이 코드를 추가한다.
image는 정상적으로 사용할 수 있지만 그 과정에서 image의 용량이 클 경우는 image처리 시간이 오래 잡아 먹을 수 있다는 단점 이 존제한다.
그렇기에 이미 처리된 image를 task를 실행할 때마다 처리하지 않게 할 것이다. 그렇게 처리하기 위해서 다음과 같이 등록하는 위치를 build를 만들기전 실행하는 코드에 넣는다.
image 플러그인에는 다양한 옵션을 제공하기에 원하는 처리가 있으면 옵션에 맞게 추가하여 처리한다.