create-react-app 允许导入SVG作为内联SVG

gywdnpxw  于 2个月前  发布在  React
关注(0)|答案(2)|浏览(46)

你的提案是否与问题相关?

我正在将一个自定义配置未更新一段时间的React应用转换为CRA应用。
我们正在使用fabric:https://www.npmjs.com/package/fabric,它允许将SVG导入画布中。要使其正常工作,需要内联SVG,而https://webpack.js.org/loaders/svg-inline-loader/可以提供。
如果能像import {ReactComponent as Svg} from …那样有一个import {inlineSvg as svg} from …就太棒了。

描述你希望的解决方案

如果能像import {ReactComponent as Svg} from …那样有一个import {inlineSvg as svg} from …就太棒了。
可以使用这个加载器;https://webpack.js.org/loaders/svg-inline-loader(在这里描述你提出的解决方案)。

你考虑过的替代方案

(在这里写下你的答案。)

其他上下文

(在这里写下你的答案。)

64jmpszr

64jmpszr1#

如果你使用

import { ReactComponent as MySvg } from '../../assets/icons/my-svg.svg'

导入SVG文件,它们不是已经被内联了吗?
奇怪的是,SVG仍然会最终出现在 build/static/media 文件夹中...
编辑:刚刚发现一个关于SVG文件仍然留在 build 文件夹中,尽管已经内联的旧问题: #7941

wbgh16ku

wbgh16ku2#

内联SVG加载器的输出与ReactComponent不同,当我有空时,我会检查一下问题出在哪里。

相关问题