javascript - Browserify 和 Reactify 源映射包括完整的本地路径名

Question

我使用 watchify/browserify 用这个命令创建一个带有调试源映射的包——

watchify main.js -o bundle.js -v -d 

当我使用 Chrome DevTools 调试生成的应用程序时，可以在其原始嵌套文件夹位置访问源文件，在 DevTools 的Sources面板中可见。

但是，当我使用此命令通过 reactify 运行它时-

watchify main.js -t reactify -o bundle.js -v -d

Chrome DevTools 将所有源文件显示在同一文件夹中bundle.js，文件名包括完整的本地路径名。

我发现这很烦人并且很难在源面板和各个选项卡中识别正确的文件，因为文件太长而无法显示。

有谁知道如何解决这个问题，以便源文件显示在其原始文件夹位置（如图 1 所示）。谢谢

Answer 1

您需要将browserify 的 --full-paths选项指定为false

见：https ://github.com/substack/node-browserify#usage

watchify main.js -t reactify -o bundle.js -v -d --full-paths=false