Как уменьшить импорт от реакции

Question

Я пытаюсь уменьшить объем импорта в моих файлах реакции, как мне сгруппировать импорт, чтобы я мог использовать {}, чтобы получить больше, чем один из файла.

  // assets
  import location from "../../assets/home/header/location.svg";
  import banner from "../../assets/home/header/banner.jpg";
  import delivery from "../../assets/home/section-a/delivery.svg";
  import arrow from "../../assets/home/section-b/arrow.svg";
  import stock1 from "../../assets/home/section-c/stock-1.jpg";
  import stock2 from "../../assets/home/section-c/stock-2.jpg";
  import stock3 from "../../assets/home/section-c/stock-3.jpg";

  // components
  import IconList from "./IconList";
  import Image from "../../components/Image";
  import DisplayCard from "../../components/CardGroup/DisplayCard";
  import ListDetail from "../../components/CardGroup/ListDetail";
  import Slide from "../../components/Slide/index";

Answer 1

Изображения, SVG и файлы такого типа, которые вы не можете использовать named export, единственный способ -

импортировать их по одному

Вы можете использовать named export {}, например, для нескольких functions или variables в одном файле.

export const example = () => () ; 

так что вы можете после

импортируйте их как:

import {example, example2,example3} from "./examples";

или * для импорта всего экспорта functions или variables

 import * as Foo  from "./examples";

 const x = Foo.example();