RequireJS - Konfiguration

RequireJS kann initialisiert werden, indem die Hauptkonfiguration in der HTML-Vorlage über das Datenhauptattribut übergeben wird. RequireJS verwendet es, um zu wissen, welches Modul in Ihre Anwendung geladen werden soll.

Zum Beispiel -

<script data-main = "scripts/main" src = "scripts/require.js"></script>

Um die Datei Require.js einzuschließen, müssen Sie das Skript-Tag zur HTML-Datei hinzufügen. Fügen Sie innerhalb des Skript-Tags das hinzudata-mainAttribut zum Laden des Moduls. Dies kann als Haupteinstiegspunkt für Ihre Anwendung verwendet werden. Das Skript / main ist eine JavaScript-Hauptdatei einer Anwendung, die die RequireJS-Konfiguration enthält.

Einstellmöglichkeiten

Im Folgenden sind die Konfigurationsoptionen aufgeführt, die beim Laden des ersten Anwendungsmoduls festgelegt werden können:

  • baseUrl- Dies ist ein Routenpfad für alle Module, die über RequireJS geladen werden. Die baseUrl wird durch eine Zeichenfolge angezeigt, die mit "slash (/)" beginnt, ein Protokoll enthält und mit der Erweiterung ".js" endet. Wenn es keine baseUrl angegeben, verwendet RequireJS die Daten-Haupt- Attribut Pfad als baseUrl.

  • paths- Es gibt die Pfadzuordnungen für Module an, die relativ zur baseUrl sind. Beim Zuordnen des Modulnamens wird einem Pfad automatisch die Erweiterung .js hinzugefügt.

  • shim - Es ermöglicht die Verwendung von Nicht-AMD-Bibliotheken mit RequireJS, indem ihre Abhängigkeiten konfiguriert und ihre globalen Werte exportiert werden.

  • map - Für das angegebene Modul verwendet eine Anwendung dasselbe Modul unterschiedlicher Versionen für unterschiedliche Ziele, indem sie ihre IDs teilt, um denselben Code für unterschiedliche Bedingungen zu verwenden.

  • config- Er stellt die Konfiguration eines Moduls durch die Verwendung von Konfigurationsoption , und dies kann durch Verwendung der speziellen Abhängigkeit „Modul“ und ruft seine erfolgenmodule.config() Funktion.

  • urlArgs- Die Abfragezeichenfolgenargumente werden verwendet, um alle Ressourcen abzurufen, die mit RequireJS geladen werden. Es wird für das Cache-Busting verwendet, wenn der Browser oder Server nicht ordnungsgemäß konfiguriert ist.

  • waitSeconds- Gibt die Anzahl der Sekunden an, die gewartet werden muss, bevor das Laden des Skripts ausgelöst wird. Der Standardwert ist "7" Sekunden und "0" deaktiviert das Timeout.

  • packages - Es enthält die CommonJS-Pakete zum Konfigurieren der Lademodule.

  • context - Es gibt den Namen für das Laden des Kontexts an, mit dem verschiedene Module auf einer Seite geladen werden können.

  • deps - Es handelt sich um ein Array von Abhängigkeiten, das erforderlich ist, wenn Require als Konfigurationsobjekt angegeben wird, bevor RequireJS geladen wird.

  • callback - Es führt nach dem Laden der Abhängigkeiten eine Funktion aus und ist erforderlich, wenn Require als Konfigurationsobjekt angegeben ist, bevor RequireJS geladen wird.

  • xhtml - Es wird verwendet, um die Skriptelemente mithilfe von zu erstellen document.createElementNS()Methode, wenn diese Option auf true gesetzt ist .

  • scriptType- Definiert den Wert für das im Dokument verwendete Skripttypattribut. Der Standardtyp ist "Text / Javascript".

  • skipDataMain- Beim Scannen des Moduls wird das Scannen der Datenhauptattribute übersprungen, wenn diese Option auf true gesetzt ist .