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

2021-12-13 08:50:12 +08:00
 yazoox

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

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

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

谢谢

1222 次点击
所在节点    前端开发
4 条回复
zhangshine
2021-12-13 09:02:10 +08:00
目测 tsconfig.base.json 里面加上 "sourceMap": true
hronro
2021-12-13 09:10:49 +08:00
花 1 分钟时间看了一下,构建是用的他们自己维护的 gulp + rollup 的方案。具体 sourcemap 的配置我没看,但顺着源码找一下应该很快就能找到。
yazoox
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
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 ,官方也会接受的

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/821758

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX