51 lines
2.2 KiB
JavaScript
51 lines
2.2 KiB
JavaScript
// Importeer de bibliotheken die je wilt bundelen.
|
|
// Parcel zal deze vinden in je node_modules map.
|
|
|
|
// jQuery
|
|
import $ from 'jquery';
|
|
// Maak jQuery globaal beschikbaar als window.jQuery en window.$
|
|
// Dit is vaak nodig als oudere scripts of plugins dit verwachten.
|
|
window.jQuery = $;
|
|
window.$ = $;
|
|
|
|
// Popper.js (noodzakelijk voor Bootstrap 5 dropdowns, tooltips, popovers)
|
|
// Controleer je package.json. Als je Bootstrap 5 gebruikt, heb je waarschijnlijk '@popperjs/core' nodig.
|
|
// Als 'popper.js' in je package.json staat, is dat v1, en moet je mogelijk de import aanpassen
|
|
// of Bootstrap's eigen gebundelde Popper gebruiken (indien aanwezig).
|
|
import * as Popper from '@popperjs/core';
|
|
window.Popper = Popper; // Maak het globaal beschikbaar als Bootstrap het extern verwacht.
|
|
|
|
// Bootstrap JavaScript
|
|
import * as bootstrap from 'bootstrap'; // Importeer Bootstrap als object
|
|
window.bootstrap = bootstrap; // Maak bootstrap globaal beschikbaar
|
|
|
|
// Bootstrap's JS koppelt zichzelf meestal aan jQuery en gebruikt Popper.
|
|
// Als je 'bootstrap' als object nodig hebt (bijv. voor new bootstrap.Modal()), importeer het dan als:
|
|
// import * as bootstrap from 'bootstrap';
|
|
// window.bootstrap = bootstrap;
|
|
|
|
// DataTables.net Core
|
|
import DataTable from 'datatables.net';
|
|
// Maak DataTable globaal beschikbaar
|
|
window.DataTable = DataTable;
|
|
|
|
// Select2
|
|
// Select2 is een jQuery plugin, dus het moet na jQuery geïmporteerd worden.
|
|
// Het zou zichzelf moeten koppelen aan de jQuery instance.
|
|
import 'select2';
|
|
|
|
// vanilla-jsoneditor
|
|
// De import hieronder is voor recentere versies van vanilla-jsoneditor.
|
|
// Controleer of de versie in je package.json ('^0.5.0') hiermee compatibel is.
|
|
// Mogelijk moet je vanilla-jsoneditor updaten in package.json
|
|
// of een andere import/initialisatie gebruiken voor v0.5.0.
|
|
import { createJSONEditor } from 'vanilla-jsoneditor';
|
|
// import { createJSONEditor } from 'vanilla-jsoneditor/standalone.js' staat in de documentatie
|
|
// Maak de factory functie globaal beschikbaar als je dit elders in je code gebruikt.
|
|
window.createJSONEditor = createJSONEditor;
|
|
|
|
import './tabulator-setup.js';
|
|
|
|
// Eventueel een log om te bevestigen dat de bundel is geladen
|
|
console.log('JavaScript bibliotheken gebundeld en geladen via main.js.');
|