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

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

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

见：

---

你介意发布我将使用的命令和示例吗。我尝试了很多次，但都没有得到任何不同的结果。（我使用的命令在原始问题中）。谢谢

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

？谢谢！你不会相信我尝试过多少次，无论是否使用其他选项，比如package.json中的inside browserify选项等等。但是我在

--full path=false

duh中省略了命令行上的等号！（不知道为什么package.json中的browserify选项没有像我做的那样工作，

“browserify”：{“transform”：[“reactify”]，“full paths”：false}

。无论如何，感谢对这一点的更新。我确实使用了Dom下面的答案（我确定）当时它对我很有效，但现在我无法重复这种成功。最后我使用了webpack，它正是我想要的（还有更多）。在设置和使其工作时需要做一点额外的工作，但这并不太多，我认为这是值得的。本教程非常有助于启动和运行一些我可以为自己的项目构建的东西-

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