Gatsby 에 Picturefill

어쨌든, IE11은 여전히 ​​지원합니다
그래서 Picturefill이 필요했습니다.

Gatsby와 함께 사용하려고 생각하고 구구했지만 스트라이크를 찾을 수 없었습니다

몇가지 발견된 기사를 참고로 여러가지 시험했지만, 뭔가 다르다.
useEffect에서 picturefill()하려고하면,import 'picturefill' 작성한 시점에서 window가 없으면 빌드로 넘어갑니다. (개발시는 괜찮습니다)
gatsby-browser.js 의 onClientEntry 이나 onRouteUpdate 에서 picturefill() 부르면 움직인다. 그러나 동적으로 picture 요소가 더해지면 (변경된) 적응되지 않습니다.

등 등 우여곡절이 있으면서 picturefill 의 mutation plugin 를 사용하는 방법에 도착했다.
이 플러그인은 picturefill()를 자동으로 해준다는 것.
gatsby-browser.js에서 가져 오기 만

import 'picturefill'
import 'picturefill/dist/plugins/mutation/pf.mutation'