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

【问题标题】：How to add CSS to a TYPO9.5 Extension?如何将 CSS 添加到 TYPO9.5 扩展？
【发布时间】：2018-10-25 08:58:04
【问题描述】：

将 CSS 添加到扩展的公用文件夹的正确方法是什么？为了加载该 CSS，我需要做什么。

例如我有以下结构：

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

我需要在 setup.typoscript 中添加一些代码吗？

【问题讨论】：

【解决方案1】：

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

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

与 page.includeCSS 相比，它的优点是它只在模板被渲染时才被包含，而不是在所有页面上。

【讨论】：

【解决方案2】：

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

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

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

“csskey”必须是唯一标识符。

【讨论】：