javascript - Is there a way to import SVG with dynamic path without a Webpack raw-loader?

Question

I've an import for an svg sprite in my Reactjs application.

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

I'm adding themes now in the project, so I need a dynamic way to make the import but

this approach does not work

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

this neither, returning simply a path string (and not the content as with a raw loader within Webpack)

const sprite = require('@namespace/library/dist/specific_theme/' + process.env.THEME + '/sprite.svg')

For specific reasons I'm trying to avoid the use of a raw loader, and currently I do not need it, because svg sprite is loaded perfectly. But adding this multi themes functionality increase complexity. Suggestions?

Answer 1

等待大神答复