JavaScript-Bibliotheken von Drittanbietern sind vorgefertigte JavaScript-Codepakete, die entwickelt wurden, um die Aufgaben des Entwicklers zu erleichtern, z. B. DOM-Manipulation, Ereignisbehandlung, Animationen und die Erstellung visueller Effekte. Wir verwenden diese Bibliotheken in Webseiten mit einem Tag oder wir installieren sie mit Paketmanagern wie npm.
Verwendung von JavaScript(JS)-Bibliotheken von Drittanbietern in LWC
Wir können JavaScript-Bibliotheken von Drittanbietern in LWC mit Hilfe einer Salesforce-Funktion namens statische Ressourcen verwenden. Wir verwenden diese Bibliotheken in unserer Komponente, um die Komplexität des Codes zu verringern. Zum Beispiel verwenden wir moment.js zur Validierung und Anzeige von Daten und Zeiten.
Follow these steps to use third-party JavaScript libraries in Lightning web components:
Schritt 1: Laden Sie zunächst die moment.js-Bibliothek von https://momentjs.com herunter.
Schritt 2: Geben Sie nun „Statische Ressourcen“ in das Feld „Schnellsuche“ auf der Einrichtungsseite Ihrer Salesforce-Organisation ein.
Schritt 3: Klicken Sie auf der Seite „Statische Ressourcen“ auf die Schaltfläche „Neu“, um eine neue statische Ressource zu erstellen. Füllen Sie anschließend alle Informationen zur statischen Ressource aus, laden Sie die Datei moment.js hoch und klicken Sie auf die Schaltfläche „Speichern“.
Schritt 4: Öffnen Sie dann die „.js“-Datei der Lightning-Webkomponente, in der Sie die Bibliothek verwenden möchten.
Schritt 5: Importieren Sie jetzt die Bibliothek aus der statischen Ressource. Importieren Sie auch Methoden aus dem platformResourceLoader-Modul.
import myLib from '@salesforce/resourceUrl/moment';
import { loadScript } from 'lightning/platformResourceLoader';Hinweis: loadScript wird zum Laden von JavaScript-Bibliotheken verwendet. Weitere Informationen über platformResourceLoader finden Sie in den Referenzdokumenten zu lightning/platformResourceLoader.
Schritt 6: Laden Sie schließlich die Bibliothek und rufen Sie ihre Funktionen in einer then()-Methode wie im folgenden Code auf:
loadScript(this, moment + '/moment.js').then(() => {
let currentTime = moment().format('LLLL');
});Hinweis: Das Modul platformResourceLoader hat zwei Methoden, loadScript und loadStyle. Mit diesen Methoden steuern wir die Ladesequenz unseres Skripts oder Stils.
Verwendung von CSS-Bibliotheken von Drittanbietern in LWC
Auf die gleiche Weise können Sie auch CSS-Bibliotheken von Drittanbietern verwenden. Sie müssen nur die loadStyle-Methode anstelle der loadScript-Methode des platformResourceLoader-Moduls verwenden.
Bitte kontaktieren Sie uns unter manish@bay20.com oder rufen Sie uns unter +91-8800519180 an, wenn Sie Unterstützung in Bezug auf Salesforce benötigen. Sie können auch die Salesforce-Entwicklungsseite besuchen, um die von uns angebotenen Dienstleistungen zu überprüfen.
