Как сослаться на локальный файл xml при разработке в react?

Question

[illiario]

Есть замечательная инструкция import. Которая очень удобно используется для ссылок на функции/значения/модули.
Я пробую через import сослаться на xml-файл (его надо будет разобрать и отработать):
import xmlData from "./../assets/description/DSS10_InitSettings.xml";
Естественно, получаю String с ссылкой на файл. Которую в парсер передавать бессмысленно.
Вопрос 1: почему картинки, например, подхватываются и выводятся (например, через img src), а xml - нет. В принципе, мозгом как-то понимаю, но объяснить не могу.
Вопрос 2: как проще сделать? Вариант XML завернуть в константу js не нравится (по ряду причин). Изящно выкрутиться можно? Сказав, что по этому пути лежит файл. Он текстовый. Спарси мне его, как XML, плз.
Конечно, можно файл через API загрузить, но для меня это нелогично (все равно, что ini-файл каждый раз при загрузке открывать). Есть возможность сделать проще?

Comments

[Виктор Кожухарь]

Пользуетесь webpack?

Answer 1

[Adamos]

https://codetogo.io/how-to-fetch-xml-in-javascript/

Comments

[Алексей Уколов]

Конечно, можно файл через API загрузить, но для меня это нелогично

[illiario]

Вопрос 1. Понял сам. Зачем спрашивал?!
Вопрос 2. При некотором рассмотрении, все равно дальше без API не обойтись. Не хотелось на MVP городить, если дальше не пойдет. Спасибо!
Все вопросы закрыты.

[Александр]

illiario, в теории можете resolver написать, который будет DOMParser (или что-то другое) внутри юзать.