公司正在搞国际化,每天各种找这个中文在啥组件里面。人都麻了,然后发现了 click-to-react-component ,一点就跳到源码,结果当然是不能用不然也不能跑来问各位大佬。
看了其他点击跳转插件的源码,基本就是靠 react _debugSource 里面的信息,果然我打印出来是个 null ,能跳才见鬼。
这个老项目用的 webpack ,找了一个用 vite 的项目发现是可以的。
搞了一个最简单的 Demo ,求求各位大哥大姐看看了
https://stackblitz.com/edit/webpack-webpack-js-org-gva6nenr?file=webpack.config.js
1
Razio 2 天前
要不这么想一下,这个项目直接转 vite ,pua 一下你的 tl ,直接给你当绩效算。项目就算再复杂,做一些功能取舍,狠下心都是能转成的。
|
2
crysislinux 2 天前 via Android
你这个需求用 react 的 dev tools 也比较好找吧,会显示组件名字的
|
![]() |
3
zcf0508 2 天前 ![]() |
4
n18255447846 2 天前 ![]() 来了。终于找到问题了,要解释的有很多,总而言之一句话你的 tsc 把 jsx 语法给转了没轮到 babel 给它加上 source
改 tsconfig.json 里 jsx: true 为"preserve"即可。ts-loader 仓库 readme 有说明 |
5
pianjiao 1 天前
我昨天还想。面试问 webpack 打包优化,有什么方式,这玩意优化什么有什么意义吗,只是个打包。又不是项目访问优化,就是打个十分钟又怎么样。
|
![]() |
6
MEIerer 1 天前
@n18255447846 佬有条有理🧱
|