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





