webpack 真的好难配

[rain0002009]

公司正在搞国际化，每天各种找这个中文在啥组件里面。人都麻了，然后发现了 click-to-react-component ，一点就跳到源码，结果当然是不能用不然也不能跑来问各位大佬。

看了其他点击跳转插件的源码，基本就是靠 react _debugSource 里面的信息，果然我打印出来是个 null ，能跳才见鬼。

这个老项目用的 webpack ，找了一个用 vite 的项目发现是可以的。

搞了一个最简单的 Demo ，求求各位大哥大姐看看了

https://stackblitz.com/edit/webpack-webpack-js-org-gva6nenr?file=webpack.config.js

[Razio]

要不这么想一下，这个项目直接转 vite ，pua 一下你的 tl ，直接给你当绩效算。项目就算再复杂，做一些功能取舍，狠下心都是能转成的。

[crysislinux]

你这个需求用 react 的 dev tools 也比较好找吧，会显示组件名字的

[zcf0508]

试试这个？

https://github.com/zh-lx/code-inspector

[n18255447846]

来了。终于找到问题了，要解释的有很多，总而言之一句话你的 tsc 把 jsx 语法给转了没轮到 babel 给它加上 source

改 tsconfig.json 里 jsx: true 为"preserve"即可。ts-loader 仓库 readme 有说明

[pianjiao]

我昨天还想。面试问 webpack 打包优化，有什么方式，这玩意优化什么有什么意义吗，只是个打包。又不是项目访问优化，就是打个十分钟又怎么样。

[MEIerer]

@n18255447846 佬有条有理🧱