javascript - 从一个目录导入多个组件

Question

我正在像这样导入我的组件

import Component1 from "./components/Component1";
import Component2 from "./components/Component2";
import Component3 from "./components/Component3";
...

我该怎么做

import {Component1, Component2, Component3} from "./components/";

标签： javascript

Answer 1

在该components文件夹中，您可以创建一个index.js文件。index.js导入文件夹时会自动加载文件。

组件/index.js

export { default as Component1 } from './Component1';
export { default as Component2 } from './Component2';
export { default as Component3 } from './Component2';

一些文件.js

import { Component1, Component2, Component3 } from './components';

上面的结果与此相同（因为文件名为index.js）：

import { Component1, Component2, Component3 } from './components/index';