先把图标同意放置在文件夹中,以icons为例
安装svgr/cli:
yarn add @svgr/cli --dev
如果报错,就先装svgr/webpack:
yarn add @svgr/webpack --dev
然后跑:
# Usage: npx @svgr/cli [-d out-dir] [src-dir]
$ npx @svgr/cli -d icons icons
成功:
![](https://img2020.cnblogs.com/blog/1395328/202007/1395328-20200723171527915-1060711756.png)
会看到目录下:
![](https://img2020.cnblogs.com/blog/1395328/202007/1395328-20200723171545759-1213984516.png)
组件内容为:
nangras 2020-07-23 17:17 原文
先把图标同意放置在文件夹中,以icons为例
安装svgr/cli:
yarn add @svgr/cli --dev
如果报错,就先装svgr/webpack:
yarn add @svgr/webpack --dev
然后跑:
# Usage: npx @svgr/cli [-d out-dir] [src-dir]
$ npx @svgr/cli -d icons icons
成功:
![](https://img2020.cnblogs.com/blog/1395328/202007/1395328-20200723171527915-1060711756.png)
会看到目录下:
![](https://img2020.cnblogs.com/blog/1395328/202007/1395328-20200723171545759-1213984516.png)
组件内容为: