有没有办法在没有 Webpack 原始加载器的情况下使用动态路径导入 SVG？

编程问答 2022-05-30

问题描述

我在 Reactjs 应用程序中导入了 svg 精灵。

LOCK TABLE attacktable WRITE;

ALTER TABLE DROP COLUMN ...;

UNLOCK TABLES

我现在正在项目中添加主题，所以我需要一种动态的方式来进行导入

这种方法行不通

import { ReactComponent as Sprite } from '@namespace/library/dist/specific_theme/assets/sprite.svg'

这两者都不是，只返回一个路径字符串（而不是 Webpack 中原始加载器的内容）

import { ReactComponent as Sprite } from '@namespace/library/dist/specific_theme/' + process.env.THEME + '/sprite.svg'

出于特定原因，我试图避免使用原始加载器，目前我不需要它，因为 svg sprite 已完美加载。但是添加这种多主题功能会增加复杂性。建议？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptreactjsreactjsreactjsreactjssvgsvgsvgsvg-spritetypescripttypescripttypescript