아이콘으로 SVG 스프라이트를 만드는 방법~에 의해@gmakarov
2,437 판독값

아이콘으로 SVG 스프라이트를 만드는 방법

2023/12/23
10m
~에 의해 @gmakarov 2,437 판독값
tldt arrow
KO
Read on Terminal Reader

너무 오래; 읽다

개발자는 JSX에 SVG를 직접 삽입하는 경우가 많습니다. 이는 사용하기 편리하지만 JS 번들 크기가 늘어납니다. 최적화를 추구하면서 나는 번들을 복잡하게 만들지 않고 SVG 아이콘을 사용할 수 있는 다른 방법을 찾기로 결정했습니다. 우리는 SVG 스프라이트가 무엇인지, 어떻게 사용하는지, 작업에 사용할 수 있는 도구에 대해 이야기할 것입니다. 이론부터 시작하여 단계별로 SVG 스프라이트를 생성하는 스크립트를 작성하고 vite 및 webpack용 플러그인에 대해 논의하여 마무리하겠습니다.
featured image - 아이콘으로 SVG 스프라이트를 만드는 방법
German Makarov HackerNoon profile picture

@gmakarov

German Makarov

Senior Software Engineer | Frontend | React | TypeScript

react to story with heart

관련 기사

L O A D I N G
. . . comments & more!