@vizejs/unplugin

Experimental unplugin-based Vue SFC integration powered by Vize.

[!WARNING] @vizejs/unplugin is still unstable. @vizejs/vite-plugin remains the recommended and best-tested bundler integration today.

@vizejs/unplugin provides experimental support for:

• rollup
• webpack
• esbuild

Rspack intentionally uses the dedicated @vizejs/rspack-plugin path instead of an unplugin export because its loader chain, experiments.css, and HMR behavior need Rspack-specific handling.

Installation

npm install @vizejs/unplugin

Usage

rollup

import vize from "@vizejs/unplugin/rollup";

export default {
  plugins: [vize()],
};

webpack

import Vize from "@vizejs/unplugin/webpack";

export default {
  plugins: [Vize()],
};

esbuild

import { build } from "esbuild";
import vize from "@vizejs/unplugin/esbuild";

await build({
  entryPoints: ["src/main.ts"],
  bundle: true,
  plugins: [vize()],
});

Caveats

• Vite is still the recommended integration if you need the most complete behavior today.
• CSS Modules and preprocessors depend on the host bundler CSS pipeline and are more likely to change than the Vite path.
• If your bundler inlines the Vue runtime, configure the usual Vue compile-time feature flags for that bundler.
• Test carefully before depending on this package in production.