В React 16.6 введена Lazy
, которая позволяет разделять код с ожиданием ... Я помню, что Webpack не может расшатывать деревья без прямого импорта, такие как асинхронный импорт, но как насчет этого:
import React, {lazy, Suspense} from 'react';
const OtherComponent = lazy(() => import('./OtherComponent'));
function MyComponent() {
return (
<Suspense fallback={<div>Loading...</div>}>
<OtherComponent />
</Suspense>
);
}
Пример взят из здесь
Производится ли встряхивание дерева в OtherComponent
?