Plug that serves compiled frontend assets in development.
Serves individual ESM modules — each .ts, .vue, .jsx file gets
its own URL under the configured prefix. Import specifiers are rewritten
so the browser can resolve the full module graph:
- Relative imports (
./utils) →/assets/utils.ts - Bare imports (
vue) →/@vendor/vue.js(pre-bundled) - Alias imports (
@/utils) →/assets/utils.ts
Each module includes an import.meta.hot runtime for HMR support.
Options
:root— source directory (required, e.g."assets/src"):prefix— URL prefix to intercept (default:"/assets"):target— JS downlevel target (e.g.:es2020):import_source— JSX import source (e.g."vue"):vapor— use Vue Vapor mode (default:false)
Example
plug Volt.DevServer,
root: "assets/src",
prefix: "/assets",
target: :es2020