Ich suche Hilfe bei der Verwendung von webpack für eine große AngularJS-Anwendung. Wir verwenden eine Ordnerstruktur basierend auf der Funktion (jede Funktion / Seite hat ein Modul und sie haben Controller, Direktiven). Ich habe das Webpack erfolgreich konfiguriert, damit es mit Grunt funktioniert, das ein einziges Bundle produziert. Ich möchte Chunks erstellen, da es sich um eine große App handelt. Wir möchten Module (Seiten- / Feature-) Artefakte asynchron laden.

Ich gehe einige Webpack-Beispiele durch, um @ zu verwende'code splitting' usingrequire([deps],fn ) Syntax. Allerdings konnte ich die Stücke nicht faul beladen bekommen. Zunächst weiß ich nicht genau, wo ich diese Chunks importieren müsste, bevor AngularJS den Benutzer zur nächsten Seite weiterleiten würde. Ich kämpfe darum, eine klare Trennung der Verantwortung zu finden.

Hat mich jemand auf eine AngularJS-Beispielanwendung hingewiesen, in der Webpack verwendet wird, um Controller / Direktiven / Filter nach jeder Route asynchron zu laden?

Einige der Links, denen ich folge: Sollte ich Browserify oder Webpack zum langsamen Laden von Abhängigkeiten in eckigen 1.x verwenden? https: //github.com/petehunt/webpack-howto#9-async-loadin http: //dontkry.com/posts/code/single-page-modules-with-webpack.htm