Я пытаюсь уменьшить количество импортов в своих файлах реагирования, как мне сгруппировать импорт, чтобы я мог использовать {}, чтобы получить более одного из файла.
// 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";



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Изображения, 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();
Можете ли вы объяснить, как можно использовать
*?