Uri.resource ViewHelper <f:uri.resource> 

ViewHelper for creating URIs to resources (assets).

This ViewHelper should be used to return public url to extension resource files for use in html output.

For images within FAL storages, or where graphical operations are performed, use <f:uri.image> instead.

Go to the source code of this ViewHelper: Uri\ResourceViewHelper.php (GitHub).

Arguments

The following arguments are available for the uri.resource ViewHelper:

absolute

absolute
Type
bool
Default
false
If set, an absolute URI is rendered

extensionName

extensionName
Type
string
Target extension name. If not set, the current extension name will be used

path

path
Type
string
The path and filename of the resource (relative to Public resource directory of the extension).

resource

resource
Type
object
The resource object given as argument or child

useCacheBusting

useCacheBusting
Type
bool
Default
true
Setting this to false has no effect any more

Examples 

Best practice with EXT: syntax 

<link href="{f:uri.resource(path:'EXT:indexed_search/Resources/Public/Css/Stylesheet.css')}" rel="stylesheet" />
Copied!

Output:

<link href="typo3/sysext/indexed_search/Resources/Public/Css/Stylesheet.css" rel="stylesheet" />
Copied!

Preferred syntax that works in both extbase and non-extbase context.

Defaults 

<link href="{f:uri.resource(path:'Css/Stylesheet.css')}" rel="stylesheet" />
Copied!

Output:

<link href="typo3conf/ext/example_extension/Resources/Public/Css/Stylesheet.css" rel="stylesheet" />
Copied!

Works only in extbase context since it uses the extbase request to find current extension, magically adds 'Resources/Public' to path.

With extension name 

<link href="{f:uri.resource(path:'Css/Stylesheet.css', extensionName: 'AnotherExtension')}" rel="stylesheet" />
Copied!

Output:

<link href="typo3conf/ext/another_extension/Resources/Public/Css/Stylesheet.css" rel="stylesheet" />
Copied!

Magically adds 'Resources/Public' to path.