Skip to content

Option+Click React components in your browser to open the source in your editor

License

Notifications You must be signed in to change notification settings

ArnaudBarre/vite-plugin-react-click-to-component

Repository files navigation

vite-plugin-react-click-to-component npm

Option+Right Click in your browser to open the source in your editor.

demo

Installation

npm i -D vite-plugin-react-click-to-component

In your Vite config:

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react-swc"; // or @vitejs/plugin-react
import { reactClickToComponent } from "vite-plugin-react-click-to-component";

export default defineConfig({
  plugins: [react(), reactClickToComponent()],
});

Inspiration

This plugin is a light version of ericclemmons/click-to-component that uses Vite's launch editor middleware to open the source code in your currently running editor. This also benefits from Vite's transformIndexHtml hook so that you don't need to modify your source code.