如何统一的对组件进行管理

如何统一的对组件进行管理

结构如下

导入一次把layout要用到Navbar, Sidebar, AppMain 的组件都导入 子组件内不需要别的操作
把组件都先导入index.js进行统一的管理

// 导入组件的默认名称是default 但是通过as起了一个别名
export { default as Navbar } from './Navbar'
export { default as Sidebar } from './Sidebar'
export { default as AppMain } from './AppMain'

在layout里面进行引入

import { Navbar, Sidebar, AppMain } from './components'