Настройка встроенного импорта изображений в Babel

Question

Я использую React.js и Babel и импортирую изображения png разных размеров (некоторые из них имеют размер более 10 КБ). А при загрузке в URL-адрес docker-compose относительный путь не работает.

Вот мой файл .babelrc

{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
  "plugins": [
    "@babel/plugin-proposal-class-properties",
    ["babel-plugin-styled-components", {
      "ssr": false,
    }],
    "babel-plugin-transform-inline-environment-variables"
  ]
}

Поэтому я хочу загрузить все изображения в формате base64 и те, чей размер превышает 10 КБ (ограничение). Как изменить конфигурацию для Babel?

Заранее спасибо!

Answer 1

Я обнаружил, что можно установить больший размер в параметре конфигурации limit для "url-loader".В моем случае я использую babel и parcel вместе, и я установил .parcelrc следующим образом:

{
  "url-loader": {
    "exts": ["jpg", "jpeg", "png", "gif", "svg"],
    "limit": 66666
  }
}