32 lines
1.2 KiB
Markdown
32 lines
1.2 KiB
Markdown
# 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}}` |