Vite Plugin Observe

A Vite plugin that adds trace IDs for accurate DOM-to-source code mapping.

Installation

npm install vite-plugin-tracker
# or
pnpm add vite-plugin-tracker

Usage

import { defineConfig } from 'vite';
import tracker from 'vite-plugin-tracker';

export default defineConfig({
  plugins: [
    tracker({
        include: /\.(jsx|tsx|vue)$/,
        exclude: /node_modules/,
        attrName: 'tracker-id',
        baseUrl: env.VITE_BASE_PATH
    })
  ]
});

** 注意：tracker 插件要的顺序要在 react()/ vue() 之前，处理原始的 jsx/vue 文件，放在 react()/ vue() 之后, 会添加很多运行时的代码，导致定位不准确。