我们如何从扩展将javascript文件添加到typo3的前端

Question

我只想在渲染所有前端页面而不是后端页面时添加要添加的 javascript 文件。我试过了：

if (TYPO3_MODE=="FE" )   {
   $pageRenderer = \TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance(\TYPO3\CMS\Core\Page\PageRenderer::class);
   $pageRenderer->loadRequireJsModule('EXT:eyebase/Resources/Public/JavaScript/testinjectEyebaseJS.js','code');
}

但是这段代码在 CDATA 中添加了我的 js 文件，例如：-

<script type="text/javascript">
/*<![CDATA[*/
/*RequireJS-Module-EXT:eyebase/Resources/Public/JavaScript/testinjectEyebaseJS.jse6fb06210fafc02fd7479ddbed2d042cc3a5155e*/
require(["EXT:eyebase/Resources/Public/JavaScript/testinjectEyebaseJS.js"], code);

/*]]>*/
</script>

请指导我如何做到这一点。提前致谢。

Answer 1

您可以通过 HeaderAssets and FooterAssets sections 在 Fluid 模板中添加 CSS/JS。

见TYPO3: How could I add css and js files via controller initialize action and page renderer?

Answer 2

您可以将其放入 TypoScript（“设置”部分）：

page {
  includeJS {
    testinjectEyebaseJS = EXT:eyebase/Resources/Public/JavaScript/testinjectEyebaseJS.js
  }
}

在这里查看选项https://docs.typo3.org/m/typo3/reference-typoscript/master/en-us/Setup/Page/Index.html#includejs-array。