Moin an alle!
Ich muss eine Importmap-Anweisung für ein bisschen JS aus der Frontend.html in den Head der Website übernehmen.
An sich kein Problem, aber ich muss auf ein JS-Modul in meinem Site-Package verweisen und bekommen das einfach nicht gebacken.
In der Frontend.html sah es bisher so aus:
<f:section name="Header">
<f:comment>
<script type="importmap">
<f:spaceless>
{
"imports": {
"three": "https://cdn.jsdelivr.net/npm/three@0.164.1/build/three.module.js",
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.164.1/examples/jsm/",
"lil-gui": "https://cdn.jsdelivr.net/npm/lil-gui@0.19/+esm",
"common-threejs": "<f:uri.resource path='JavaScript/common-threejs.js' extensionName='tnt_sitepackage_bs5' />"
}
}
</f:spaceless>
</script>
</f:comment>
</f:section>
und ich versuche so etwas:
lib.commonThreejsPath = TYPO3\CMS\Frontend\Resource\ResourcePath
lib.commonThreejsPath.file = EXT:tnt_sitepackage_bs5/Resources/Public/JavaScript/common-threejs.js
page.headerData {
55 = TEXT
55 {
value (
<script type="importmap">
{
"imports": {
"three": "https://cdn.jsdelivr.net/npm/three@0.164.1/build/three.module.js",
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.164.1/examples/jsm/",
"lil-gui": "https://cdn.jsdelivr.net/npm/lil-gui@0.19/+esm",
"common-threejs": "{$lib.commonThreejsPath}"
}
}
</script>
<script>console.log('TEEEEEEST!')</script>
)
insertData = 1
}
}
Im Frontend (im Head) kommt aber nur das an:
Danke für Euren Verstand und Augen!