Динамически задайте путь к файлу для stati c в файле index. html в приложении React через файл JSON

Question

Я пытаюсь динамически установить пути к файлам stati c (js & css) в индексе. html файл моего приложения create-реагировать, чтобы они могли указывать на разные подкаталоги в зависимости от того, что я установил в настройках. json файл.

Пример: Если я установлю base_url в моих настройках. json файл выглядит так:

{
   "BASE_PATH_URL": "/subdirec1"
}

Я ожидаю, что путь к файлу в моем индексе. html файл будет таким:

<script src="/subdirec1/static/vendors/js/core/jquery-3.2.1.min.js" type="text/javascript"></script>

Буду признателен, если кто-нибудь сможет мне помочь. Спасибо!

Answer 1

Если вы используете веб-пакет, вы можете использовать переменные веб-пакета, которые можно установить в объекте конфигурации веб-пакета, которые сами приходят из файла .json /.js.

This - это пример, который вы можете использовать, если вы используете веб-пакет!

ПРЕДУПРЕЖДЕНИЕ. Не используйте приведенную ниже команду, прежде чем читать ее, потому что это приведет к большому беспорядку файлов, которые вы, возможно, еще не поняли !

Поскольку вы используете приложение create-реакции-приложение, я думаю, что оно использует веб-пакет изнутри, но вам нужно npm run eject, чтобы иметь более полный доступ к его конфигурации!