类型3：后端布局CSS

我正在做一个Typo3项目，用我成功创建的后端布局，它将使用给定的同名流体HTML模板

以下是我的一个布局：

#
# BACKENDLAYOUT: CONTACT
#
mod {
    web_layout {
        BackendLayouts {
            contact {
                title = Contact Layout
                config {
                    backend_layout {
                        colCount = 2
                        rowCount = 1
                        rows {
                            1 {
                                columns {
                                    1 {
                                        name = First Col
                                        colPos = 0
                                    }
                                    2 {
                                        name = Second Col
                                        colPos = 1
                                    }
                                }
                            }
                        }
                    }
                }
                icon = EXT:extensionname/Resources/Public/Images/BackendLayouts/contact.png
            }
        }
    }
}

所以现在我的问题是，如何将我的页面css（我现在有一个主css链接到所有页面）与后端布局链接起来。例如，选择contact backen布局会将contact.css文件添加到流体模板中

我知道有一种方法可以做到，那就是在后端为每个页面创建一个Typo3模板，但我想这不是实现它的最佳方法。我所有的流体模板和打字稿都在这个伟大的工具创建的扩展中

---

提前感谢。

您可以使用打字稿条件进行管理，条件下的用户这将适用于您

[globalVar = TSFE:page|backend_layout = 1]
    page.includeCSS.css = your/file/path.css
[global]
[globalVar = TSFE:page|backend_layout = 2]
    page.includeCSS.css = your/file/path.css
[global]

相反，您可以根据更好的开发标准@sebkln为子页面创建新布局。说

谢谢大家!！

---

问候。

真的有必要使用不同的样式表吗？最好是对所有子页面使用一个文件，因此用户只需在第一页加载一个文件，并让浏览器为网站的其余部分缓存此样式表。最好是使用缩小的CSS和gzip。所以现在，我有一个main.CSS用于所有页面，每个页面都有一个额外的page.CSS，只包括这个页面的类。所以你建议把所有的css文件导入一个主css中更聪明？对我来说，改变它不会是一个问题，因为我无论如何都在使用Sass..是的。虽然样式表将包含一些在每个页面上都不必要的声明，但它仍将改进页面呈现，因为浏览器只需要一个CSS HTTP请求。如果只需要为一个子页面在样式表中添加大量内容，则情况可能会有所不同。。您必须在setup.ts.：）@josias中添加此代码是的，此代码包含在setup打字脚本中。记住：打字脚本模板（常量，设置）=>前端；TSConfig（用户，页面）=>后端