Assets

Raw References from publicDir

Asset Imports from JS

CSS url references

Font should be loaded (all text should be italic)
CSS background (absolute)
CSS background (relative)
CSS background with image-set() (relative)
CSS background with image-set() (relative)
CSS background image-set() (relative in var)
CSS background image-set() (mix var and url)
CSS background image-set() (with base64)
CSS background image-set() (with gradient)
CSS background image-set() (with multiple descriptor)
CSS background image-set() (with multiple descriptor)
CSS background (relative from @imported file in different dir)
CSS background (public)
CSS background (data URI)
CSS background (base64 inline in prod)
CSS background (base64 inline in prod)
CSS background (multiple urls on same line)
CSS background (aliased)

Unicode URL

encodeURI for the address

Image Src Set

SVG Fragments

SVG Fragments via CSS background url

SVG Fragments via JS Import

Imported path:

Unknown extension assets import

?raw import

?url import

?url import with css

new URL('...', import.meta.url)

new URL('@/...', import.meta.url)

new URL('/...', import.meta.url)

new URL('...', import.meta.url,) (with comma)

new URL('...', import.meta.url,) (with comma + new line)

new URL(`./${dynamic}`, import.meta.url)

new URL(`./${dynamic}`, import.meta.url,) (with comma)

new URL(`non-existent`, import.meta.url)

simple script tag import-expression

url in style tag

url

inline style
use style class

base64

inline style

use style class

from publicDir

inline style

use style class

@import

@import CSS from publicDir should load (this should be red)

import module css

style in svg

link style