如何使用 TypeScript 动态加载文件答案

【问题标题】：How to dynamicly load files with TypoScript如何使用 TypeScript 动态加载文件
【发布时间】：2018-07-29 05:33:26
【问题描述】：

我想为每个页面加载正确的criticalCSS文件。

所以我这样保存它们：

TSFE:id=1 的文件管理员/critical1.css

TSFE:id=2 的文件管理员/critical2.css

等等。由于有很多页面，我希望 TS 完全动态，而不是这样：

[globalVar = TSFE:id=1]
page {
  cssInline {
    10 = FILE
    10.file = fileadmin/critical1.css
  }
}
[global]

我想要这样：

page {
  cssInline {
    10 = FILE
    10.file= fileadmin/critical{page:uid}.css
  }
}

或者这个

page {
  cssInline {
    10 = FILE
    10.file= fileadmin/critical$GLOBALS['TSFE']->id.css
  }
}

但它不是这样工作的。有谁知道怎么做？

【问题讨论】：

标签： dynamic typo3 typoscript critical-css

【解决方案1】：

您只需添加insertData = 1。

检查此代码：

page {
  cssInline {
    10 = FILE
    10.file= fileadmin/critical{page:uid}.css
    10.file.insertData = 1 
  }
}

参考： https://docs.typo3.org/typo3cms/TyposcriptReference/Functions/Stdwrap.html?highlight=insertdata#insertdata

您也可以使用headerData 来实现它。

检查此代码：

page {
  headerData {
    10 = TEXT
    10.value = {page:uid}
    10.insertData = 1 
    10.wrap = <link rel="stylesheet" type="text/css" href="fileadmin/critical|.css" media="all" />
  }
}

参考：https://docs.typo3.org/typo3cms/TyposcriptReference/Setup/Page/Index.html#headerdata

希望对您有所帮助！

【讨论】：