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

比方说，你希望加载依赖于其他文件的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.asset.json文件将自动运行在joomla 4站点的前端。但是，您需要定义要调用的资源。

如何调用资源

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

$wa = $this->getWebAssetManager();
$wa->enableAsset('template.cassiopeia.ltr');
上述代码的第二行表示我们将按以下顺序调用资源：

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

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