Ich habe eine isomorphe App, die mit webpack 2 Assets kompiliert. Ich habe jetzt chunking mit System.import hinzugefügt, was auf der Webpack-Seite funktioniert, aber nicht auf der Serverseite mit der Funktion found.
Irgendeine Idee, wie ich das lösen kann?
Es gibt ein paar Optionen, um System.import mit isomorphem / serverseitigem Rendering arbeiten zu lassen:
Feature-detect System und polyfill
Node können Sie require() an mehreren Stellen aufrufen und% System.import wie folgt anpassen, sollte funktionieren:
Wenn Sie nach einer robusteren Implementierung suchen, gibt es auch es6-micro-loader , Das implementiert ein System Polyfill, das sowohl im Browser als auch im Knoten funktioniert.
Verwenden Sie babel-plugin-system-import-transformer , um% co_de zu ersetzen % mit dem äquivalenten UMD-Muster
nimmt das folgende Formular an:
%Vor%und wandelt es in:
um %Vor%oder
Mit dem Webpack-Targeting-Knoten erstellen (für das require-Laden erforderlich ist) Stücke):
%Vor%Eine dieser Optionen könnte Ihren Anforderungen entsprechen:
System.import zusätzlich zu require.ensure zu aktivieren). System.import , der nur eine aufgelöste Zusage mit dem require () 'd-Modul zurückgibt. Tags und Links reactjs webpack isomorphic-javascript