Open-Source-Projekt
Importmap-Generator für ES-Module im TYPO3-Frontend ohne Bundler
importmap
Eine TYPO3-Extension, die Importmaps für moderne ES6-Module automatisch ins Frontend einbindet — konfigurierbar direkt über die site settings.yaml, ganz ohne Build-Tooling wie Webpack.
Die Herausforderung
Um moderne ES6-Module im TYPO3-Frontend zu nutzen, war bisher meist ein vollständiges Build-Setup mit Webpack oder vergleichbaren Bundlern nötig — unverhältnismäßig viel Komplexität für Projekte, die eigentlich nur native Browser-Importe ohne Bundling verwenden wollten.
Die Lösung
QkSkima hat mit importmap eine Middleware-basierte TYPO3-Extension entwickelt und als Open Source veröffentlicht, die sich in den Frontend-Controller einhängt und die passenden Importmap-Tags im head-Bereich ausgibt. Die Konfiguration erfolgt deklarativ über die site settings.yaml — ganz ohne zusätzliches Build-Tooling.
Das Ergebnis
TYPO3-13-Projekte können native ES6-Module direkt im Browser nutzen, ohne Webpack oder einen anderen Bundler aufsetzen zu müssen. Als Open-Source-Paket frei nutzbar für jedes TYPO3-Projekt mit ähnlichem Bedarf.
Ähnliche Herausforderung?
Sehen Sie sich unsere Pläne an oder starten Sie direkt mit Ihrem eigenen Projekt.