Markdown
HTinliner
AbgelaufenHTinliner ist ein Gulp-Plugin für das Einbetten von referenzierten Dateien in eine HTML-Datei. Das Ziel dieses Verarbeitungsschrittes ist die Erzeugung einer einzelnen HTML-Datei, die keine weiteren Abhängigkeiten zu anderen Dateien besitzt.
HTinliner unterstützt das Einbetten der folgenden Referenzen:
- CSS
Tags nach dem Muster<link rel="stylesheet" href="/..." />
werden durch ein Tag<style>...</style>
mit dem Inhalt der referenzierten Datei ersetzt. - JavaScript
Tags nach dem Muster<script src="/..."></script>
werden mit dem Inhalt der referenzierten Datei gefüllt und dassrc
-Attribut wird entfernt. - SVG
Tags nach dem Muster<img src="/....svg" />
werden durch das SVG-Markup der referenzierten Datei ersetzt und optional in einen DIV-Container mit einer benutzerdefinierten CSS-Klasse geschachtelt.
Das Einbetten von SVG-Markup anstelle eines IMG-Tags hat den Vorteil, dass Hyperlinks im SVG aktiv sind und Textinhalte als Text markiert und kopiert werden können.