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

CSS non-inlined background HMR

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
``
## ?no-inline svg import -- multiple postfix
``
## ?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)

``

## Multiline new URL(..., 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