@palette.dev/plugin-vite

Installation

This package requires [email protected].

npm install @palette.dev/plugin-vite --save-dev

Usage

1. Update vite config

// vite.config.ts
import palette from "@palette.dev/plugin-vite";

export default defineConfig({
  plugins: [
    palette({
      // Get your asset key at https://palette.dev/[your-username]/[your-project]/settings.
      // See https://palette.dev/docs#assets
      key: "YOUR_ASSET_KEY",
      outputPath: "dist/assets",
    }),
  ],
  build: {
    // Enable source maps
    sourcemap: true,
    // Rewrite source maps, relative to project root
    rollupOptions: {
      output: {
        sourcemapPathTransform: (relativeSourcePath, sourcemapPath) =>
          path.relative(
            process.cwd(),
            path.resolve(path.dirname(sourcemapPath), relativeSourcePath)
          ),
      },
    },
  },
});

2. Add entrypoint

Import virtual:@palette.dev/plugin-vite/init in your app's entrypoint (e.g. main.js) before the palette import:

// main.js
import "virtual:@palette.dev/plugin-vite/init";
import { init } from "@palette.dev/...";

init({
  // ...
});

// ...other imports