XF 2.3 Javascript & css files

[QuackieMackie]

How should I be including java script files and css in a addon?
I'm aware I can just add javascript files into the zip folder manually, but surely theres an easier way.

For css files, i've been creating templates and calling them like this:

<xf:css src="public:template_name.less" />

But for javascript, i've been writing it manually in the /js folder and calling it like this:

<xf:js src="addonName/javascript_file_name.js" min="1" />

 

[Kirby]

K

XF 2.2 Post in thread 'Template Syntax JS tag - How does versioning work?'

Jan 9, 2024

I want to ensure that the user's browser downloads a new copy of the script when I update my addon, but I don't understand how the versioning is being decided here.

You don't have to do anything manually to achieve this, XenForo already does take care of cache invalidation (by using a Cache-Buster hash _v=04a5b62b which is automatically appended to the URL and changed when JS files change (precisely: when the hidden JS timestamp option is modified).

Just reference your JS as <xf:js src="myvendor/mypackage/myscript.js" addon="MyVendor/MyAddon" min="1" /> , keep the file...

• Kirby