Выгрузка ресурсов в s3 с помощью webpack

В настоящее время все изображения в моем проекте реакции обслуживаются сервером nginx. Эти изображения поставляются вместе с исходным кодом. Источник не использует require / import, а вместо этого использует URL-адреса для рендеринга изображений.

Теперь я хочу обслуживать эти изображения из облачного хранилища, используя S3 в качестве хранилища. Я планирую создать набор ресурсов на S3 для каждой среды.

Я могу придумать два подхода к этому:

Подход 1. Использование сценария

  • создать скрипт, который запускается после объединения веб-пакетов
  • скрипт загрузит файлы в S3
  • пути в скрипте и источнике будут выведены на основе переменных env

Подход 2. Создание загрузчика веб-пакетов.

  • источник обновления для импорта / требования изображений
  • создать загрузчик, который загружает изображения в S3 и возвращает общедоступный путь

Есть ли какие-либо мнения об этих подходах или предложения о лучшем подходе?

0
0
209
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

В итоге я создал плагин webpack, который загрузил мои статические ресурсы в S3.

Я использовал параметр сборки, чтобы определить базовый путь к статическим ресурсам в источнике, и тот же параметр для определения пути загрузки в плагине.

Другие вопросы по теме