Wie zu verwenden npm installiert requireJS für browser

Während requirejs ist in der Lage mit npm-Module installiert, wie benutze ich requirejs in Erster Linie, wenn selbst installiert ist, über npm install requirejs?

Habe ich gelesen, Beispiele für die Verwendung requirejs aufgelistet in der Beispiel-Abschnitt. Sie scheint alles zu übernehmen require.js heruntergeladen wird in einer bestimmten Position. Da die Dokumentation ausdrücklich gesagt

tun, etwas nicht zu tun, wie require("./node_modules/foo/foo").

Ich denke, es ist nicht Recht, in index.html etwas wie:

<html>
    <head>
        <script data-main="scripts" src="node_modules/requirejs/require.js"></script>
    </head>
    <body>
        <h1>Hello World</h1>
    </body>
</html>

Was ist die empfohlene Art und Weise zu verwenden, requirejs, wenn es npm installiert? Wenn ich etwas verpasst aus den Unterlagen, die Sie bitte lassen Sie mich wissen. Danke

InformationsquelleAutor user2829759 | 2016-02-15
  1. 15

    Wie es aussieht, sind diese eine Reihe von verschiedenen Verwendungen von RequireJS:

    1. Wie können Sie ein RequireJS installiert, über Knoten im browser?

      Können Sie einfach installieren Sie es mit npm install requirejs, und dann haben Sie Ihre HTML-Datei ein script element, die Punkte zu node_modules/requirejs/require.js. Genau so, wie Sie in Ihrem code-snippet. Das ist alles dort ist zu ihm. Nachdem dies gesagt ist, möchte ich noch nicht haben node_modules was ich bereitstellen, so dass ich in der Regel meine build-Prozess kopieren require.js anderswo.

    2. Wie können Sie die Last npm-Module installiert, die mit RequireJS in Knoten?

      Angenommen, ohne RequireJS Sie würden laden Sie das Modul foo by doing require('foo'). Sie installieren RequireJS und laden Sie es als requirejs. Wie wollen Sie laden foo mit RequireJS? Sie können nur tun requirejs('foo'). So lange, wie RequireJS es nicht findet, der durch seine eigene Konfiguration, so erteilt Sie, als letzten Ausweg einen Aufruf-Knoten require und lädt es auf diese Weise? Hier ist eine illustration. Installieren RequireJS mit npm install requirejs. Erstellen Sie diese Datei:

      var requirejs = require("requirejs");

var fs = requirejs("fs");
console.log(fs);

      Dann starten Sie es. Erhalten Sie auf der Konsole des Knotens fs Modul.

    3. Wie können Sie die Last npm-Module installiert, die mit RequireJS in einem browser?

      Kommt es auf die Module. RequireJS nicht enthalten code, der auf Magische Weise eine npm-Modul installiert funktioniert im browser. Es hängt letztlich davon ab, wie die Module aufgebaut sind. Einige Fälle:

      A. Einige npm-Module installiert sind, können geladen werden mit RequireJS ohne änderung. Es gibt eine Bibliothek, die ich verfasst haben, die verteilt über npm und doch ist eine Sammlung von AMD-Modulen. Es ist trivial, Sie zu laden, mit RequireJS im browser.

      B. kann Es erforderlich sein, eingehüllt in define Anrufe. Ich habe mir vor kurzem geladen merge-Optionen in einem meiner Projekte mit gulp-wrap-amd. merge-options ist ein CommonJS-Modul. Es keine Unterstützung für RequireJS out-of-the-box, aber wenn Sie wickeln Sie es mit einem define nennen, es wird funktionieren.

      C. Es erfordert vielleicht etwas mehr Komplex, bevor Sie es in einem browser geladen. Zum Beispiel, wenn ein Modul setzt auf Knoten fs Modul, müssen Sie bieten einen Ersatz für fs, die in einem browser ausgeführt wird. Es wird vermutlich vorhanden ein fake-Dateisystem, um Ihren code.

    • Bezüglich deinem ersten Punkt, das ist der Grund, warum r.js existiert?
    • r.js vorhanden ist in Erster Linie zu optimieren, die eine Reihe von Modulen in einem einzigen bundle. Es kann auch verwendet werden, um wrap-Module, die in der CommonJS-idiom mit einem define nennen, aber ich habe nicht verwendet es für, die. (Und das Gulp-Projekt empfiehlt gulp-wrap-amd also das ist, was ich verwendet habe.)
    • "Es ist trivial, Sie zu laden, mit RequireJS in-the-browser" in Ihrem Fall: Sorge um ein Beispiel zu geben? Anscheinend habe ich nicht bekommen require(['reconnecting-websocket'], function (foo) {}); zu arbeiten.
    InformationsquelleAutor Louis
Schreibe einen Kommentar