Assets
Raw References from publicDir
-
Raw CSS from publicDir should load (this should be red)
Asset Imports from JS
- Relative:
- Absolute:
- From publicDir:
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