我使用 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 所示）。谢谢