Wie benötige ich Module, deren Namen zur Kompilierzeit unbekannt sind?

Question

Ich habe eine React Web App, die ein App-Skelett lädt. Nachdem das Skelett im Browser geladen wurde, erhält es eine Liste von Modulnamen vom Server von Ajax. Dann müssen diese Modulnamen vom Server abgerufen und als reaktive Komponenten in das Skelett geladen werden.

Ich begann mit Webpack 1 und hatte Probleme beim Laden dynamischer Module, da require.ensure() die Namen zum Zeitpunkt der Erstellung herausfinden muss.

Ich wechselte zu JSPM, wo das Laden dynamischer Module funktionierte, aber andere Probleme im Projekt verursacht.

Ich möchte zurück zu Webpack, aber ich weiß nicht, wie man dynamisches Komponentenbündel lädt.

Vielleicht Webpack2 verwenden?

Irgendwelche Ideen?

Answer 1

ich es geschafft, diese Arbeits Webpack 2.

Es verwendet zu bekommen Beispiele, die zeigen, wie ReactRouter und Webpack 2 zu verwenden, und jede Route dynamisch zu laden.

verwendet, um die folgenden Links:

• Code splitting using React and Webpack 2
• Migrating from Webpack 1 to Webpack 2

Answer 2

Es klingt, als könnten Sie dies mit dem webpack Code Splitting erreichen.

Code Splitting kann verwendet werden, um Code in einen on demand loaded Chunk zu teilen. Dies kann den anfänglichen Download klein halten und den Code unter abrufen, wenn dies von der Anwendung angefordert wird.