tldr/pages.zh/common/svgr.md

svgr

将 SVG 转换为 React 组件。 更多信息：https://react-svgr.com。

• 将 SVG 文件转换为 React 组件并输出到 stdout：

svgr -- {{path/to/file.svg}}

• 将 SVG 文件转换为使用 TypeScript 的 React 组件并输出到 stdout：

svgr --typescript -- {{path/to/file.svg}}

• 将 SVG 文件转换为使用 JSX 转换的 React 组件并输出到 stdout：

svgr --jsx-runtime automatic -- {{path/to/file.svg}}

• 将目录中的所有 SVG 文件转换为 React 组件并输出到指定目录：

svgr --out-dir {{path/to/output_directory}} {{path/to/input_directory}}

• 将目录中的所有 SVG 文件转换为 React 组件并输出到指定目录，跳过已转换的文件：

svgr --out-dir {{path/to/output_directory}} --ignore-existing {{path/to/input_directory}}

• 将目录中的所有 SVG 文件转换为 React 组件并输出到指定目录，使用特定的文件名格式：

svgr --out-dir {{path/to/output_directory}} --filename-case {{camel|kebab|pascal}} {{path/to/input_directory}}

• 将目录中的所有 SVG 文件转换为 React 组件并输出到指定目录，而不生成索引文件：

svgr --out-dir {{path/to/output_directory}} --no-index {{path/to/input_directory}}