我用 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 配置?
最佳答案
Codesandbox 团队的回答:这是一个已知问题,已跟踪 on their github repository .
关于javascript - 如何在代码和框中禁用对 SVG 导入的特殊处理?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61010541/