1.4 KiB

svgr

SVG를 React 컴포넌트로 변환. 더 많은 정보: https://react-svgr.com.

  • SVG 파일을 React 컴포넌트로 변환하여 stdout으로 출력:

svgr -- {{경로/대상/파일.svg}}

  • SVG 파일을 TypeScript를 사용하여 React 컴포넌트로 변환하여 stdout으로 출력:

svgr --typescript -- {{경로/대상/파일.svg}}

  • SVG 파일을 JSX 변환을 사용하여 React 컴포넌트로 변환하여 stdout으로 출력:

svgr --jsx-runtime automatic -- {{경로/대상/파일.svg}}

  • 디렉터리의 모든 SVG 파일을 특정 디렉터리의 React 컴포넌트로 변환:

svgr --out-dir {{경로/대상/출력_폴더}} {{경로/대상/입력_폴더}}

  • 이미 변환된 파일을 건너뛰고 디렉터리의 모든 SVG 파일을 특정 디렉터리의 React 컴포넌트로 변환:

svgr --out-dir {{경로/대상/출력_폴더}} --ignore-existing {{경로/대상/입력_폴더}}

  • 파일 이름에 특정 케이스를 사용하여 디렉터리의 모든 SVG 파일을 특정 디렉터리의 React 컴포넌트로 변환:

svgr --out-dir {{경로/대상/출력_폴더}} --filename-case {{camel|kebab|pascal}} {{경로/대상/입력_폴더}}

  • 색인 파일을 생성하지 않고 디렉터리의 모든 SVG 파일을 특정 디렉터리의 React 컴포넌트로 변환:

svgr --out-dir {{경로/대상/출력_폴더}} --no-index {{경로/대상/입력_폴더}}