Browserify 和 Reactify 源映射包含完整的本地路径名
Browserify and Reactify source maps include full local path names
我使用 watchify/browserify 通过此命令创建带有调试源映射的包 -
watchify main.js -o bundle.js -v -d
当我使用 Chrome DevTools 调试生成的应用程序时，源文件可以在其原始嵌套文件夹位置访问，在 DevTools 的 Sources 面板中可见。
然而，当我运行它通过这个命令反应时-
watchify main.js -t reactify -o bundle.js -v -d
Chrome DevTools 显示与 bundle.js 相同文件夹中的所有源文件，文件名包括完整的本地路径名。
我发现这很烦人，而且很难在源面板和各个选项卡中识别正确的文件，因为文件太长而无法显示。
有谁知道如何解决这个问题，以便源文件显示在它们的原始文件夹位置（如图 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
我使用 watchify/browserify 通过此命令创建带有调试源映射的包 -
watchify main.js -o bundle.js -v -d
当我使用 Chrome DevTools 调试生成的应用程序时，源文件可以在其原始嵌套文件夹位置访问，在 DevTools 的 Sources 面板中可见。
然而，当我运行它通过这个命令反应时-
watchify main.js -t reactify -o bundle.js -v -d
Chrome DevTools 显示与 bundle.js 相同文件夹中的所有源文件，文件名包括完整的本地路径名。
我发现这很烦人，而且很难在源面板和各个选项卡中识别正确的文件，因为文件太长而无法显示。
有谁知道如何解决这个问题，以便源文件显示在它们的原始文件夹位置（如图 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