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資源”特性如此強大的原因。