--- title: "Asset ViewHelper " manual: "Vite AssetCollector" version: "1.18" permalink: "https://docs.typo3.org/permalink/praetorius/vite-asset-collector:viewhelper-uri@1.18" source: "Reference/ViewHelpers/Uri.rst" rendered: "2026-09-20T10:54:44+00:00" --- # Asset ViewHelper `` {#viewhelper-uri} The `vite:uri` ViewHelper extracts the uri to one specific asset file from a vite manifest file. If the dev server is used, the dev server uri to the resource is returned. ## Example {#example} This can be used to preload certain assets in the HTML `` tag. ### Solution for TYPO3 v14+ {#solution-for-typo3-v14} ```html ``` ### Solution for TYPO3 v13 {#solution-for-typo3-v13} First, add a Fluid template to your TypoScript setup, for example: ```typoscript page.headerData { 10 = FLUIDTEMPLATE 10 { file = EXT:sitepackage/Resources/Private/Templates/HeaderData.html } } ``` Then create the HeaderData template: **EXT:sitepackage/Resources/Private/Templates/HeaderData.html** ```html ``` **Arguments** The following arguments are available for the uri ViewHelper: - **file** - *Type:* string - *Required:* true Identifier of the desired asset file for which a uri should be generated - **manifest** - *Type:* string Path to vite manifest file; if omitted, default manifest from extension configuration will be used instead