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

Question

我使用watchify / browserify使用此命令创建带有调试源映射的包 -

sb

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

然而，当我通过使用此命令重新运行它时 -

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

Chrome DevTools显示与watchify main.js -t reactify -o bundle.js -v -d 位于同一文件夹中的所有源文件，文件名包含完整的本地路径名。

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

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

Answer 1

您需要为browserify指定 - 完整路径选项为 false

请参阅：https://github.com/substack/node-browserify#usage

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