从前导 js 文件导入所有文件，以便轻松导入所有组件

问：

在 React 组件中，导入文件变得像这样折磨人。

在一页中“../../component 另一页 ../component anotherpage @/ALLCOMPONENTS/compoent 等。总是试图找到组件的主要方式等...

所以我准备了一个名为allExports的js文件.js并将所有组件，函数，css文件，图像导入到那里，然后轻松地从那里导入文件...

allExports，.js 是这样的：

 // function example 

     export { getMyList } from 'scripts/Inducer'; // async function
     export { openBox   } from 'scripts/Inducer'; // Normal Function
 
// CSS example

    export { default as mainHeadersCss } from 'mainHeaders.module.scss';

// image example

    export { default as myLogoShadowed }         from 'public/logos/logo.png';

// component example

    const SubModalBox        = lazy(() => import( 'components/9SUBMODAL'));

以及如下所示的组件示例：

import { getMyList,openBox ,mainHeadersCss ,myLogoShadowed,SubModalBox }  from 'allExports';

在这里，组件延迟加载工作良好，只有我称之为工作其他组件的组件不是......

但所有其他的总是加载，总是启动 React，并且在打开加载白屏时需要时间..但是很多事情我都尝试为函数、iömage 和 css 延迟加载......我无法处理...

主要逻辑错了？也许不导入页面对 allexport 有好处，也许有没有办法将导出页面转换为简单的旋转页面？