Node.js
Verwenden von Browserfiy zum Beheben von "erforderlichen" Fehlern bei Browsern

Beispiel - file.js

In diesem Beispiel haben wir eine Datei namens file.js.

Nehmen wir an, Sie müssen eine URL mit JavaScript und dem NodeJS-Querystring-Modul analysieren.

Dazu müssen Sie nur die folgende Anweisung in Ihre Datei einfügen:

const querystring = require('querystring'); 
var ref = querystring.parse("foo=bar&abc=xyz&abc=123");

Was macht dieser Ausschnitt?

Zunächst erstellen wir ein Querystring-Modul, das Dienstprogramme zum Analysieren und Formatieren von URL-Abfragezeichenfolgen bereitstellt. Es ist erreichbar mit:

const querystring = require('querystring'); 

Dann analysieren wir eine URL mit der .parse () -Methode. Es analysiert eine URL-Abfragezeichenfolge (str) in eine Sammlung von Schlüssel- und Wertepaaren.

Die Abfragezeichenfolge 'foo=bar&abc=xyz&abc=123' wird beispielsweise in Folgendes analysiert:

{  foo: 'bar',  abc: ['xyz', '123']   }

Leider ist in Browsern nicht die erforderliche Methode definiert, Node.js jedoch.

Installieren Sie Browserfy

Mit Browserify können Sie schreiben Code, der Anwendungen auf die gleiche Art und Weise erfordern , dass Sie es in Knoten verwenden würden. Wie lösen Sie das? Es ist einfach.

1. Installieren Sie zuerst den Knoten, der mit npm ausgeliefert wird. Dann mach:

npm install -g browserify

2. Wechseln Sie in das Verzeichnis, in dem sich Ihre file.js befindet, und installieren Sie unser Querystring- Modul mit npm:

npm install querystring

Hinweis: Wenn Sie das betreffende Verzeichnis nicht ändern, schlägt der Befehl fehl, da er die Datei nicht finden kann, die das Modul enthält.

3. Packen Sie jetzt alle erforderlichen Module rekursiv ab file.js in eine einzige Datei namens bundle.js (oder wie immer Sie sie benennen möchten ), mit dem Befehl browserify

browserify file.js -o bundle.js

Browserify analysiert die Abstract-Syntax-Struktur für Aufforderungen () , um den gesamten Abhängigkeitsgraphen Ihrer zu durchlaufen

4. Zum Schluss legen Sie ein einzelnes Tag in Ihre HTML-Datei ein und fertig!

<script src="bundle.js"></script>

Was passiert, ist, dass Sie eine Kombination aus Ihrer alten .js-Datei (also Datei.js ) und Ihrer neu erstellten Datei bundle.js erhalten . Diese beiden Dateien werden in einer einzigen Datei zusammengeführt.

Wichtig

Bitte beachten Sie, dass Sie Änderungen an Ihrer Datei "file.js" vornehmen möchten und das Verhalten Ihres Programms nicht beeinflusst. Ihre Änderungen werden nur wirksam, wenn Sie das neu erstellte Bundle.js bearbeiten

Was bedeutet das?

Das heißt, wenn Sie file.js aus irgendwelchen Gründen bearbeiten möchten , haben die Änderungen keine Auswirkungen. Sie müssen bundle.js wirklich bearbeiten, da es sich um eine Zusammenführung von bundle.js und file.js handelt .