Asset.vite ViewHelper `<vite:asset.vite>`¶

The asset.vite ViewHelper embeds all JavaScript and CSS belonging to the specified vite entry using TYPO3's AssetCollector API.

Example¶

<html
    data-namespace-typo3-fluid="true"
    xmlns:vac="http://typo3.org/ns/Praetorius/ViteAssetCollector/ViewHelpers"
>

<vac:asset.vite
    manifest="EXT:sitepackage/Resources/Public/Vite/.vite/manifest.json"
    entry="EXT:sitepackage/Resources/Private/JavaScript/Main.js"
    scriptTagAttributes="{
        type: 'text/javascript',
        async: 1
    }"
    cssTagAttributes="{
        media: 'print'
    }"
    priority="1"
/>

Arguments

The following arguments are available for the asset.vite ViewHelper:

addCss ¶

Type: boolean
Default: true

If set to "false", CSS files associated with the entry point won't be added to the asset collector

cssTagAttributes ¶

Type: array
Default: array ( )

Additional attributes for css link tags.

devTagAttributes ¶

Type: array
Default: array ( )

HTML attributes that should be added to script tags that point to the vite dev server

entry ¶

Type: string

Identifier of the desired vite entrypoint; this is the value specified as "input" in the vite configuration file. Can be omitted if manifest file exists and only one entrypoint is present.

manifest ¶

Type: string

Path to your manifest.json file. If omitted, default manifest from extension configuration will be used instead.

priority ¶

Type: boolean
Default: false

Include assets before other assets in HTML

scriptTagAttributes ¶

Type: array
Default: array ( )

HTML attributes that should be added to script tags for built JavaScript assets

useNonce ¶

Type: bool
Default: false

Whether to use the global nonce value

Asset.vite ViewHelper <vite:asset.vite>¶

Example¶

Arguments

Asset.vite ViewHelper `<vite:asset.vite>`¶