如何使用扩展和站点包定义外部 CSS 的加载顺序

Question

我在流体模板的 HeaderAssets 部分有一个带有 CSS link 的扩展，用于加载外部 CSS 文件。这很好用。

现在我想覆盖一些 CSS 一个站点包中扩展的详细信息 w/o 使用 !important 功能但加载 CSS 文件的正确顺序:

首先： 个扩展 CSS 个文件
秒：站点包CSS个文件

如何强制 TYPO3 v10 按我想要的顺序加载 CSS 文件（或扩展名）？

更改“包括静态（来自扩展）”中的顺序不起作用。

Answer 1

不要通过后端包含扩展拼写错误，而是通过

的网站包

<INCLUDE_TYPOSCRIPT

对于每个打字错误设置和所需的常量文件。所以在后端只包含您网站包的拼写错误。

然后你可以随意选择顺序。

我将每个扩展的常量和错别字放在一个文件夹 Extensions 的自己的子文件夹中。例如 xxxx_sitepackage/Configuration/TypoScript/Extensions/News。 2个文件：_Constants.typoscriptc（加上include_typoscript到news的原始常量文件）和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">

而且几乎每个扩展都有一个拼写错误设置，其中包括 JS 和 CSS。您也可以禁用它们并加载它们/将它们与 Gulp、Laravel 混合，等等。所以你只得到 1 CSS 和 1 个 JS 文件。或者你让 TYPO3 这样做。

Answer 2

自 TYPO3 9 以来有一个新语法：

@import 'EXT:news/Configuration/TypoScript/setup.txt'

看看 https://docs.typo3.org/m/typo3/reference-coreapi/master/en-us/ApiOverview/TypoScriptSyntax/Syntax/Includes.html

所有变体。

如何使用扩展和站点包定义外部 CSS 的加载顺序

How to define loading order of external CSS with extension and site package

typo3

fluid

typo3-10.x