So führen Sie eine synchrone Anforderung des Webpack-Buildmoduls aus * außerhalb * des Webpack-Builds aus

9

Sagen Sie, ich habe eine HTML-Datei wie folgt:

%Vor%

Wie der Kommentar im script-Tag sagt, versuche ich herauszufinden: Wie kann ich etwas aus dem Webpack-Build importieren / benötigen, aus fast jedem alten JavaScript-Code?

Ist es möglich? Wie? ... Ich konnte globale Variablen im Build setzen, aber ich frage mich, ob es einen anderen besseren Weg gibt.

Hinweis:

Ich wäre bereit, Browserify anstelle von Webpack zu verwenden, um das bundle / build zu erstellen, wenn das das Auffordern von Modulen außerhalb des Builds erleichtert.

Ich habe versucht, dies mit RequireJS und SystemJS zu tun - diese beiden Tools würden es viel einfacher machen, zu tun, was ich tun möchte. Aber anscheinend ist es ziemlich schwer, Deep-Builds aus NPM-Paketen mit RequireJS oder SystemJS zu erstellen, und in diesem Fall brauche ich einen tiefen Build, der viele NPM-Deps enthält. Ich habe sogar versucht, mit TypeScript transpiler einen tiefen Build zu erstellen, ohne Erfolg. Es scheint also entweder Browserify oder Webpack zu sein, aber ich bin offen für alles, was funktionieren könnte.

Beachten Sie, dass dies bei Verwendung von AMD oder SystemJS einfach wäre:

%Vor%

Aber mit Webpack / Browserify ist es etwas komplizierter, das zu tun, was ich tun möchte.

    
Alexander Mills 15.04.2017, 04:00
quelle

1 Antwort

1

Ich denke, ich habe eine Antwort auf diese Frage, eigentlich ziemlich clever. Die Lösung verwendet Webpack.

Vor der Erstellung mit Webpack in unserem Backend-Code würden wir Folgendes tun:

%Vor%

Wir müssen die vollständigen / tatsächlichen Pfade, nicht die dynamischen Pfade verwenden, damit Webpack sein Ding machen kann.

Webpack wird diesen Code als Teil des Builds enthalten und den F-Code daraus entfernen. Aber das ist egal, denn außerhalb des Pakets werden wir Webpack-Module benötigen.

%Vor%

Das war eigentlich ziemlich schlau und ich habe nicht daran gedacht:)

    
Alexander Mills 18.04.2017, 02:26
quelle

Tags und Links