Skip to main content
Installatie
Language

Vite-integratie

Integreer cside met uw Vite-applicatie via de @cside.dev/vite-plugin, met configuratieopties voor React, Vue, Svelte en andere Vite-projecten.

Installatie

Installeer de cside Vite-plugin:

npm i @cside.dev/vite

Setup

Voeg de cside-plugin toe aan uw vite.config.js of vite.config.ts:

// vite.config.ts
import { defineConfig } from "vite";
import cside from "@cside.dev/vite";

export default defineConfig({
	plugins: [cside({ teamId: "[your-team-id]" })],
});

Uw team-ID staat onder Team Settings > General in het cside-dashboard. Zonder teamId injecteert de plugin de gedeelde host https://proxy.csidetm.com/script.js in plaats van de host van uw team.

Configuratieopties

De plugin accepteert de volgende configuratieopties:

  • teamId (optioneel) - Uw cside team-ID. Het script wordt geladen vanaf een team-specifieke host (https://{teamId}.csidetm.com/script.js) in plaats van de standaardhost.
  • fingerprint (optioneel, standaard false) - Laadt het Device Intelligence-script vanaf csidefd.com in plaats van het standaard monitoring script. De volgende release hernoemt deze optie naar deviceIntelligence; fingerprint blijft ondersteund als alias.
  • enabled (optioneel) - Of de plugin het script injecteert. Standaard alleen ingeschakeld voor productie-builds.

Voorbeeld met alle opties:

// vite.config.ts
import { defineConfig } from "vite";
import cside from "@cside.dev/vite";

export default defineConfig({
	plugins: [
		cside({
			teamId: "[your-team-id]",
			fingerprint: false,
			enabled: true,
		}),
	],
});
Was this page helpful?