V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
rain0002009
V2EX  ›  前端开发

webpack 真的好难配

  •  
  •   rain0002009 · 2 天前 · 718 次点击

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

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

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

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

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

    6 条回复    2025-02-25 10:16:21 +08:00
    Razio
        1
    Razio  
       2 天前
    要不这么想一下,这个项目直接转 vite ,pua 一下你的 tl ,直接给你当绩效算。项目就算再复杂,做一些功能取舍,狠下心都是能转成的。
    crysislinux
        2
    crysislinux  
       2 天前 via Android
    你这个需求用 react 的 dev tools 也比较好找吧,会显示组件名字的
    zcf0508
        3
    zcf0508  
       2 天前   ❤️ 1
    n18255447846
        4
    n18255447846  
       2 天前   ❤️ 1
    来了。终于找到问题了,要解释的有很多,总而言之一句话你的 tsc 把 jsx 语法给转了没轮到 babel 给它加上 source

    改 tsconfig.json 里 jsx: true 为"preserve"即可。ts-loader 仓库 readme 有说明
    pianjiao
        5
    pianjiao  
       1 天前
    我昨天还想。面试问 webpack 打包优化,有什么方式,这玩意优化什么有什么意义吗,只是个打包。又不是项目访问优化,就是打个十分钟又怎么样。
    MEIerer
        6
    MEIerer  
       1 天前
    @n18255447846 佬有条有理🧱
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1000 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 21:42 · PVG 05:42 · LAX 13:42 · JFK 16:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.