Skip to main content
Instalação
Language

Integração Vite

Integre o cside com sua aplicação Vite usando o plugin @cside.dev/vite, com opções de configuração para projetos React, Vue, Svelte e outros.

Instalação

Instale o plugin Vite do cside:

npm i @cside.dev/vite

Configuração

Adicione o plugin do cside ao seu vite.config.js ou 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]" })],
});

O ID da sua equipe é exibido em Team Settings > General no painel do cside. Sem teamId, o plugin injeta o host compartilhado https://proxy.csidetm.com/script.js em vez do host da sua equipe.

Opções de Configuração

O plugin aceita as seguintes opções de configuração:

  • teamId (opcional) - Seu ID de equipe do cside. O script é carregado a partir de um host com escopo de equipe (https://{teamId}.csidetm.com/script.js) em vez do host padrão.
  • fingerprint (opcional, padrão false) - Carrega o script de Device Intelligence de csidefd.com em vez do script de monitoramento padrão. A próxima versão renomeia esta opção para deviceIntelligence; fingerprint continua suportada como alias.
  • enabled (opcional) - Se o plugin injeta o script. Por padrão, habilitado apenas para builds de produção.

Exemplo com todas as opções:

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