Webpack & Bündelung der benötigten Dateien?

Question

Erste Schritte mit Webpack. Eines der ersten Dinge, die ich bemerkt habe, ist, dass Webpack den Abhängigkeitsgraphen (in meinem Fall mit den erforderlichen Anweisungen) durchläuft und alles in eine riesige Datei einbindet. Zum Beispiel, wenn ich myjsfile.js habe, die lodash.js erfordert. Es wird als eine Datei ausgegeben. Das habe ich nicht erwartet und wahrscheinlich auch nicht, was ich will. Ich denke, dass ich erwartet hatte, dass Webpack die erforderlichen Abhängigkeiten zur Laufzeit nur lädt. Wenn ich also zur Laufzeit myjsfile.js referenzierte, würde ich auch lodash.js herunterladen, ohne dass ich es speziell auf der Seite referenzieren müsste. Ich will natürlich keine riesige js-Datei pro Seite. Das würde Caching für einen töten. Jede Klärung, wie das alles funktioniert, wäre zu begrüßen.

Answer 1

Auschecken commons chunk plugin. Etwas wie folgt aus:

entry: { 
    app: './js/app.js', 
    vender: ['lodash', 'jquery'], 
}, 

Ein Werkzeug wie html-webpack-plugin können Sie die automatische helfen gehören Skripte.

webpack 2 (noch eine Beta-Version zu diesem Zeitpunkt) supports load on demand from System.import.

System.import('./pathTo/' + moduleName).then(doCallback);