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

如何给一个 npm package 生成 source map 文件?

  •  
  •   yazoox · 2021-12-13 08:50:12 +08:00 · 1333 次点击
    这是一个创建于 1067 天前的主题,其中的信息可能已经有所发展或是发生改变。

    楼主最近在使用 react 第三方的包 /组件,react-dnd

    但是使用过程中,碰到一些问题 here ,想 debug 一下该组件。但是,查看了一下,该项目的package.json和子项目的package.json,没有 webpack ,也没有 vite ,不知道怎么配置开发环境(官方文档里,也没有找到),或者添加类似的选择 source-map

    有没有大神瞧瞧,这个 react-dnd 项目,怎么编译 /build ,能够生成 source-map ?

    谢谢

    4 条回复    2021-12-13 10:22:52 +08:00
    zhangshine
        1
    zhangshine  
       2021-12-13 09:02:10 +08:00
    目测 tsconfig.base.json 里面加上 "sourceMap": true
    hronro
        2
    hronro  
       2021-12-13 09:10:49 +08:00 via iPhone
    花 1 分钟时间看了一下,构建是用的他们自己维护的 gulp + rollup 的方案。具体 sourcemap 的配置我没看,但顺着源码找一下应该很快就能找到。
    yazoox
        3
    yazoox  
    OP
       2021-12-13 09:37:06 +08:00
    @zhangshine 这个试过了。添加了这个,运行 `yarn clean: && yarn build:` 生成的 dist 或者 lib 目录下,只有.js 和.d.ts 文件,没有.js.map 文件.

    @hronro 源代码里面全局搜索 `sourcemap`,除了 yarn.lock 文件里面有几个包,名字上包含 sourcemap 外,就没有任何引用了.
    otakustay
        4
    otakustay  
       2021-12-13 10:22:52 +08:00
    构建的都在 https://github.com/react-dnd/react-dnd/tree/main/packages/build 这里,babel +rollup + typescript + gulp ,主要需要 sm 的应该是 typescript 和 terser ,在 task 目录里研究吧

    我感觉直接提个 issue 要 sm ,官方也会接受的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2034 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 16:17 · PVG 00:17 · LAX 08:17 · JFK 11:17
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.