Добавить относительный URL изображения к имени хэша - PullRequest
0 голосов
/ 27 сентября 2018

В моем приложении ReactJS у меня есть структура изображений, созданная для каждого домена, и в Конфигурации Webpack с помощью загрузчика файлов, у меня есть изображения, преобразованные в хэш-имя и скопированные в некоторую папку ресурсов после процесса сборки.

И мне нужно иметь ссылку на эти изображения в одном из файлов данных, который имеет формат файла json и содержит свойство imageurl, которое будет состоять из имени изображения.Но проблема заключается в том, что после развертывания его на каком-либо сервере, на котором выполняется переход, на котором будет присутствовать только выходная папка сборки, изображения относительного пути больше не копируются в выходной каталог (из-за ограничения размера сборки), поэтому свойство URL-адреса изображения приводит к тому, что изображение не найденоошибка.

Можно ли добавить ссылку на эти изображения, кроме добавления сценария сборки для сопоставления карт изображений с именем хеш-изображения?


 App
  |
 General Resource
  |     |
  |  SomeInfo -Json 
  |
 ImageResources
  |
  A
  |-- A.png
  |-- B.jpeg


On build - Output is

App
  |
 Assets
  |- 123.png (random hash code)
  |- 345.jpeg


Так что мне нужно добавить ссылку наA.png в моем файле SomeInfo.jso, но в соответствии с выходными данными сборки ~ A / A.png изображение должно преобразовываться в Assets / 123.png.

1 Ответ

0 голосов
/ 27 сентября 2018

Вам нужны изображения, чтобы добавить хеш к имени файла?Если нет, вам следует настроить файл emit таким образом, чтобы он не включал хэш при обработке изображения.Я предполагаю, что ваши изображения обрабатываются вашим file-loader .Взгляните на конфигурацию вашего веб-пакета и посмотрите, где вы устанавливаете [hash] для этих файлов.Когда вы удалите этот хеш, у вас будет детерминированное имя файла для ссылки.

...