Off Canvas – Building a library

Das Off-Canvas-Menü kann als automatic library eingerichtet werden. Hier braucht es keine Konfiguration.

Im ersten Schritt kopieren wir den gesamten Code in eine Modul offCanvas.js.

offCanvas.js

// Place all the code we have here.

Um das Modul importieren zu können, müssen wir type="module" zu main.js hinzufügen:

index.html

<script type="module" src="js/main.js"></script>

Dann können wir offCanvas.js in main.js importieren:

main.js

import './js/offCanvas.js';

Das Off-Canvas Menü sollte nun funktionieren wie zuvor. Wir haben eine automatic library gebaut! Solange das HTML und CSS passt, können wir das Off-Canvas Menü in jedem Projekt integrieren!