如何使用扩展和站点包定义外部CSS的加载顺序 [英] How to define loading order of external CSS with extension and site package

问题描述

我有一个自己的扩展，在流体模板的HeaderAssets部分中有一个css链接，用于加载外部css文件。该功能工作正常。

现在我想覆盖一个站点包内扩展的一些css详细信息，不使用!important功能，但加载的css文件的正确顺序：

• 首先：扩展css文件
• 第二：站点包css文件

如何强制TYPO3 V10以我想要的顺序加载CSS文件(或扩展名)？

更改"；Include Static(从扩展)中的顺序不起作用。

推荐答案

不要通过后端包含扩展打印脚本，而是通过Sitepackage by

<INCLUDE_TYPOSCRIPT

对于所需的每个打字设置和常量文件。因此，在后端只包含您的站点书包的打印脚本。

然后您可以随心所欲地选择顺序。

我将每个扩展名的常量和typoscipt放在文件夹扩展名的一个子文件夹中。 例如xxxx_sitepackage/Configuration/TypoScript/Extensions/News.2个文件：_Constants.typoscriptc(带有新闻原始常量文件的INCLUDE_TYPSCRIPT)和Setup.typoscript：

 <INCLUDE_TYPOSCRIPT: source="FILE:EXT:news/Configuration/TypoScript/setup.txt">

plugin.tx_news {
    settings {
       cssFile >
       #etc.

然后：

 <INCLUDE_TYPOSCRIPT: source="DIR:EXT:xxxx_sitepackage/Configuration/TypoScript/Extensions" extensions="typoscript">

此外，几乎每个扩展都有一个Typoscript设置，其中包括JS和CSS。你也可以禁用它们，并用Gulp，Laravel Mix，任何东西来加载/捆绑它们。所以你只得到一个css和一个js文件。或者让TYPO3做到这一点。

这篇关于如何使用扩展和站点包定义外部CSS的加载顺序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！