【发布时间】:2021-01-31 00:06:36
【问题描述】:
有没有办法在使用 webpack 编译的 npm 模块的代码中设置断点并逐步执行代码?
编译后的代码对调试没有多大用处,当使用 npm link 在本地导入模块时,使用该模块的应用程序只能访问编译后的代码。
如何在 VSCode(或任何其他代码编辑器/ide)中执行此操作?
【问题讨论】:
标签: javascript debugging npm webpack
有没有办法在使用 webpack 编译的 npm 模块的代码中设置断点并逐步执行代码?
编译后的代码对调试没有多大用处,当使用 npm link 在本地导入模块时,使用该模块的应用程序只能访问编译后的代码。
如何在 VSCode(或任何其他代码编辑器/ide)中执行此操作?
【问题讨论】:
标签: javascript debugging npm webpack
如果将此行添加到webpack.config 文件中,您可以在浏览器中轻松调试:
devtool: "inline-source-map"
然后在开发模式下运行脚本:
--mode development
然后,如果你在你的 npm 包中设置 debugger 关键字并在你的主项目中运行它,你将看到完整的代码:
如果您想了解更多信息,我发现了另一篇关于该主题的非常好的文章 https://blog.jakoblind.no/debug-webpack-app-browser/
【讨论】: