Sidebar Menu

Joomla 4中我最喜欢的改进之一是“Web资源”特性。它允许你通过一次调用按特定顺序加载一组JavaScript和CSS文件。

Joomla 4中的Web资源介绍

比方说,你希望加载依赖于其他文件的CSS或JavaScript文件。你可能加载一个依赖于jQuery的JavaScript文件。

在这个简短的教程中,我将向您展示Joomla 4的“Web资源”特性是如何工作的。

介绍joomla.asset.json文件

在模板的文件夹中,可以创建一个名为joomla.asset.json的文件。Cassiopeia是默认的Joomla 4模板,它已经包含了这个包含以下3个资源的文件:

  • template.cassiopeia.base
  • template.cassiopeia.ltr
  • template.cassiopeia.rtl

以下是这3种资源在Cassiopeia的joomla.asset.json文件代码中的显示方式:

Joomla 4中的Web资源介绍

joomla.asset.json文件将自动运行在joomla 4站点的前端。但是,您需要定义要调用的资源。

如何调用资源

要调用资源,请在模板的index.php文件中放置以下两行代码:

$wa = $this->getWebAssetManager();
$wa->enableAsset('template.cassiopeia.ltr');

上述代码的第二行表示我们将按以下顺序调用资源:

  • “template.cassiopeia.base”资源中的依赖项和文件。
  • 来自template.cassiopeia.ltr资产的文件。

Joomla 4中的Web资源介绍

最酷的是依赖项可以嵌套。因此,依赖于另一个资源的资源可以有自己的依赖关系。这就是Joomla 4的“Web资源”特性如此强大的原因。

Back To Top