---
title: "Plugin CSS und JS Include - TypoScript Lösung gesucht"
url: "https://www.typo3.net/d/127016-plugin-css-und-js-include-typoscript-loesung-gesucht"
source: "typo3.net"
tags: ["Extensions","Entwicklung","Extbase","Frage","HTML & CSS","TYPO3 8"]
created: "2018-08-20"
last_reply: "2018-08-28"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Plugin CSS und JS Include - TypoScript Lösung gesucht

Extensions › Entwicklung · 2 Antworten · gestartet 2018-08-20

## Eröffnungsbeitrag

**Patrick-dev** · 2018-08-20 · [Beitrag #1](https://www.typo3.net/d/127016-plugin-css-und-js-include-typoscript-loesung-gesucht/1)

Guten Abend,

mein aktuelles Problem ist, ich suche die eleganteste Lösung um CSS und JS über die Extension zu integrieren.

Folgender Aufbau:
Es sind zurzeit 16 eigene Extensions, die jeweils mindestens 3 Plugins besitzen. Pro Plugin wird eine CSS und optional eine JS angelegt. Die Dateien liegen in den Public Ordner der Extension. Über dem Setup der Extension werden die Dateien geladen, dass schaut folgendermaßen aus:

```typoscript
page.includeCSS.style_my_extension_teaser = EXT:my_extension/Resources/Public/Css/Module/teaser.css
page.includeCSS.style_my_extension_list = EXT:my_extension/Resources/Public/Css/Module/list.css
page.includeCSS.style_my_extension_show = EXT:my_extension/Resources/Public/Css/Module/show.css
```

Das ist natürlich unschön, da nun die Dateien auf der ganzen Seite geladen werden, obwohl ich die ja nur pro Plugin benötige.

Meine bisherigen Lösungen:
-	Datei inline mit <f:uri.resource> holen
-	Einzelne Dateien durch GlobalVar vorab ausscheiden lassen (Muss natürlich eine Var gegeben sein)
-	Ein ViewHelper basteln alla tt_news und die Dateien so durch laden

Mein Wunsch Aufbau:
Im TypoScript vom Plugin unter den Plugin die Dateien einbinden, wie z.B.:

```typoscript
plugin.tx_ndsolution_pi1 {
    includeCss {
        EXT:my_extension/Resources/Public/Css/Module/list.css
    }
}
```

Ich bin für jede Idee dankbar

## Antworten

### [#2](https://www.typo3.net/d/127016-plugin-css-und-js-include-typoscript-loesung-gesucht/2) · Norman2k · 2018-08-21

Könntest du ganz einfach im Fluid-Template mit vhs machen:
<https://fluidtypo3.org/viewhelpers/vhs/master/Asset/ScriptViewHelper.html>
<https://fluidtypo3.org/viewhelpers/vhs/master/Asset/StyleViewHelper.html>

### [#3](https://www.typo3.net/d/127016-plugin-css-und-js-include-typoscript-loesung-gesucht/3) · Patrick-dev · 2018-08-28

Danke für die Antwort :)
Das mit der VHS habe ich mir auch schon überlegt, habe ich eine Weile lang so gemacht. Aber ist das auch eine schöne Variante für das Rendern von Fluid?
Die Webseite ist schon sehr groß und braucht einige Resourcen.

---

Quelle: „Plugin CSS und JS Include - TypoScript Lösung gesucht“, typo3.net, https://www.typo3.net/d/127016-plugin-css-und-js-include-typoscript-loesung-gesucht
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.