Path issues in Windows Vite React project | windows的vite的react项目中路径不太对，而且希望能加个绝对路径的，把path和Line和column合起来 - Githubissues

zthxxx / react-dev-inspector

jump to local IDE code directly from browser React component by just a simple click

https://react-dev-inspector.zthxxx.me

MIT License

1.13k stars 67 forks source link

Path issues in Windows Vite React project | windows的vite的react项目中路径不太对，而且希望能加个绝对路径的，把path和Line和column合起来 #173

Closed baikaifa closed 1 week ago

baikaifa commented 2 weeks ago

zthxxx commented 1 week ago

把 @react-dev-inspector/babel-plugin 插件去掉，直接使用一框架自带的 @babel/preset-react / SWC / esbuild 就是绝对路径
如果有相对路径，则相对路径在显示优先级上更高，会优先显示相对路径
Docs: https://react-dev-inspector.zthxxx.me/docs/compiler-plugin#react-dev-inspectorbabel-plugin

添加了右键菜单显示组件层级结构，并且把 path 和 lines 合并显示的，同时支持 hover 后点击复制
right-click panel added in beta version >= 2.1.0-beta.9, PR #174
npm i -D react-dev-inspector@v2.1.0-beta.9
Online Showcase Page