# 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