Static Assets

Public Directory

Files in public/ are served at the root:

Importing Assets

Import assets in code blocks:

#+begin_src javascript
import logo from './assets/logo.png';
document.querySelector('img').src = logo;
#+end_src

CSS References

Reference assets in CSS:

Asset Processing

Vite processes imported assets:

• Hashes filenames for caching
• Optimizes images
• Inlines small files as base64