@zuminternet/sprite

SVG 파일들을 하나의 스프라이트로 결합하는 CLI 도구입니다. 이 도구를 사용하면 여러 SVG 파일을 하나의 스프라이트 파일로 최적화하고, SVG 아이콘 관리를 간소화할 수 있습니다.

기능

• 지정된 디렉토리의 모든 SVG 파일을 읽어옵니다.
• 각 SVG 파일을 스프라이트의 요소로 변환합니다.
• 파일 이름을 기반으로 각 심볼에 고유한 ID를 부여합니다.
• 모든 심볼을 하나의 SVG 스프라이트 파일로 결합합니다.

설치

pnpm add @zuminternet/sprite

사용방법

CLI 명령어를 사용하여 SVG 파일들을 스프라이트로 결합합니다:

zss <svg-directory> <output-file>

• zss: zum-svg-sprite

매개변수:

• <svg-directory>: SVG 파일들이 있는 디렉토리 경로
• <output-file>: 생성될 스프라이트 파일의 경로

예시:

pnpm zss ./src/icons ./dist/sprite.svg

결과물 사용

생성된 스프라이트 파일은 다음과 같이 HTML에서 사용할 수 있습니다:

<svg>
  <use href="path/to/sprite.svg#icon-name"></use>
</svg>