Skip to main content
Instalacion
Language

Integracion con Vite

Integra cside con tu aplicación Vite usando el plugin @cside.dev/vite, con opciones de configuración para proyectos de React, Vue, Svelte y más.

Instalacion

Instala el plugin de cside para Vite:

npm i @cside.dev/vite

Configuracion

Agrega el plugin de cside a tu vite.config.js o 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]" })],
});

El ID de tu equipo aparece en Team Settings > General del panel de cside. Sin teamId, el plugin inyecta el host compartido https://proxy.csidetm.com/script.js en lugar del host de tu equipo.

Opciones de configuracion

El plugin acepta las siguientes opciones de configuracion:

  • teamId (opcional) - Tu ID de equipo de cside. El script se carga desde un host con ambito de equipo (https://{teamId}.csidetm.com/script.js) en lugar del host predeterminado.
  • fingerprint (opcional, por defecto false) - Carga el script de Device Intelligence desde csidefd.com en lugar del script de monitoreo predeterminado. La proxima version renombra esta opcion a deviceIntelligence; fingerprint se mantiene como alias.
  • enabled (opcional) - Si el plugin inyecta el script. Por defecto, habilitado solo para compilaciones de produccion.

Ejemplo con todas las opciones:

// 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?