Javascript 如何减少进口
我试图减少react文件中的导入量,我如何对导入进行分组,以便使用{}从文件中获取多个导入Javascript 如何减少进口,javascript,css,reactjs,import,jsx,Javascript,Css,Reactjs,Import,Jsx,我试图减少react文件中的导入量,我如何对导入进行分组,以便使用{}从文件中获取多个导入 // 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";
// 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";
图像、SVG和那些不能使用命名导出的文件的唯一方法是 逐一导入 例如,对于同一文件中的多个函数或变量,可以使用命名导出{}
export const example = () => () ;
所以你可以
像这样导入它们:
import {example, example2,example3} from "./examples";
或者使用*导入所有导出函数或变量
你能解释一下怎么用*?
import * as Foo from "./examples";
const x = Foo.example();