javascript - 如何在代码和框中禁用对 SVG 导入的特殊处理？

Question

我用 create-react-app 创建了一个简单的应用程序。这会为 svg 文件配置 webpack 加载器以复制文件并将公共(public)文件放入常量中。所以下面的代码

import mysvg from "./img/my.svg";
console.log(mysvg)

打印 /static/media/my.svg .没关系。

但是在 codesandbox 中编辑/运行同一个项目时它尝试读取 svg 文件(例如，如果 ReactComponent 不是正确的 svg，则打印有关 ReactComponent 的错误)，并使处理方式不同。显然，我可以改用“公共(public)”文件夹，但我想使用生产构建等的哈希功能。

所以我的问题是，如何允许使用相同的机制在代码和框中获取解析 url 路径(例如对 img src 有效)并使用默认的 create-react-app 配置？

Answer 1

Codesandbox 团队的回答:这是一个已知问题，已跟踪 on their github repository .