2017-03-28 6 views
0

Haben Sie gerade angefangen, rekomponieren in eine große Webapp zu integrieren und fragen, ob es Möglichkeiten gibt, Bundle-Größen zu optimieren (IE implementieren Code-Splitting) mit re-komposed (Webpack im Hintergrund)?Composed & Code Splitting

Mein aktueller Anwendungsfall mit der Neuzusammenstellung ist einfach - ein 'isAuthorized?' HOC, die sicherstellt, dass ein Benutzer angemeldet ist. Die meisten meiner Routen gehen durch dieses einzelne HOC.

Ich möchte in der Lage sein, basierend auf Routen zu teilen, aber nicht sicher, wie dies mit jeder Route getan wird, die mit IsAuthorized HOC erweitert wird.

reagieren Verwendung, redux, reagieren-Router, Neuzusammenstellung webpack 2

+0

Recompose hat nichts mit der Codeaufteilung zu tun. Webpack kann das für Sie mit der richtigen Einrichtung tun. – wuct

Antwort

0

Ihre Route Komponenten sind diejenigen, die eventuell andere Module am Ende Referenzierung, die eine deutliche Klumpen schaffen würde. Es ist wichtig, dass diese dynamisch importiert werden, damit der Router diese laden und verschieben kann, bis sie vom Benutzer benötigt werden.

Ob Sie mit Ihrem HOC die Routen verzieren, wenn Sie sie deklarieren oder in das eigentliche Modul importieren und die Routenelemente vor dem Export dekorieren, spielt keine Rolle.