如何将 CSS 添加到 TYPO9.5 扩展？

Question

将 CSS 添加到扩展程序的 public 文件夹的正确方法是什么？我需要做什么才能加载 CSS。

例如我有以下结构：

Public/Css/style.css
Configuration/TypoScript/setup.typoscript
Configuration/TypoScript/constants.typoscript

我是否必须在 setup.typoscript 中添加一些代码？

Answer 1

您的 CSS 必须位于： extensionkey/Resources/Public/Css/

然后在您的打字稿（设置）中您可以添加：

page.includeCSS.csskey = EXT:extensionkey/Resources/Public/Css/style.css

"csskey" 必须是唯一标识符。

Answer 2

从 TYPO3 8.7 开始，您可以使用 HeaderAssets 和 FooterAssets 部分将 HTML 添加到流体模板的页眉或页脚。例如：

<f:section name="HeaderAssets">
    <link rel="stylesheet" href="{f:uri.resource(path: 'Css/styles.css')}"/>
</f:section>

与 page.includeCSS 相比，它的优势在于它仅在呈现该模板时包含，而不是在所有页面上包含。

How to add CSS to a TYPO9.5 Extension?