DanyGersh
@DanyGersh

Как сделать чтобы Webpack не конвертировал изображения в Base64 в определенной папке?

Я работаю над проектом ReactJS. В
src/assets/img/emojis/(какая-то_картинка.png
есть папка с эмодзи. Когда я собираю проект, main.475f5380.js становится размером 30 мб, и это очень плохо. Как это исправить и поместить все изображения эмодзи в папку
build/static/media
(или другую)?

Конфигурация Webpack (приложение create-реагировать по умолчанию): GDrive
  • Вопрос задан
  • 158 просмотров
Решения вопроса 1
miraage
@miraage
Старый прогер
Задайте кастомный IMAGE_INLINE_SIZE_LIMIT через переменные окружения.

https://create-react-app.dev/docs/advanced-configu...

Если нужно конкретно для определеной папки, то найдите следующий блок, скопируйте его, и в верхнем укажите регулярку, которая удовлетворит папку с emoji.

// "url" loader works like "file" loader except that it embeds assets
            // smaller than specified limit in bytes as data URLs to avoid requests.
            // A missing `test` is equivalent to a match.
            {
              test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
              type: 'asset',
              parser: {
                dataUrlCondition: {
                  maxSize: imageInlineSizeLimit,
                },
              },
            },
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
AlbertName
@AlbertName
Senior Javascript Developer
Кодирует не реакт, а сборщик проекта, по всей видимости webpack и его лоадеры. Смотреть нужно в этом направлении.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы