# Assets

## Raw References from publicDir

- Raw CSS from publicDir should load (this should be red)

## Asset Imports from JS

- Relative: ``
- Absolute: ``
- From publicDir: ``
- From publicDir (json): `` Content: ``
- From publicDir (js): `` Content: `` Content-Type: ``
- From publicDir (ts): `` Content: `` Content-Type: ``
- From publicDir (mts): `` Content: `` Content-Type: ``

## CSS url references

Font should be loaded (all text should be italic)
CSS background (absolute)
CSS background (relative)
CSS background (encoded)
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() inline style (with multiple descriptor)
CSS background image-set() and url existing at the same time
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)
CSS background (pre inlined SVG)
CSS nested manual chunks relative base background
CSS SVG background
CSS (?url) SVG background
CSS SVG background with image-set

## Unicode URL

``

## Filename including single quote

``

## Filename including percent

``

## encodeURI for the address

## Image Src Set

## HTML only asset

## HTML inline asset

## SVG Fragments

## SVG Fragments via CSS background url

## SVG Fragments via JS Import

Imported path: ``

## Unknown extension assets import

``

## ?raw import

``

## ?no-inline svg import

``

## ?inline png import

``

## ?inline public png import

``

## ?url&inline public json import

``

## ?url import

``

## ?url import with css

``

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

``

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

``

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

``

## new URL('data:...', import.meta.url)

``

## new URL('...', import.meta.url (without extension))

``

``

## 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(`./${dynamic}?abc`, import.meta.url)

``

``

## new URL(`./${1 === 0 ? static : dynamic}?abc`, import.meta.url)

``

``

## new URL(/* @vite-ignore */ 'non-existent', import.meta.url)

``

## new URL(`${dynamic}`, 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

### assets in noscript

### assets in template

link style