【问题标题】:How can I debug an npm module compiled with webpack?如何调试使用 webpack 编译的 npm 模块?
【发布时间】:2021-01-31 00:06:36
【问题描述】:

有没有办法在使用 webpack 编译的 npm 模块的代码中设置断点并逐步执行代码?

编译后的代码对调试没有多大用处,当使用 npm link 在本地导入模块时,使用该模块的应用程序只能访问编译后的代码。

如何在 VSCode(或任何其他代码编辑器/ide)中执行此操作?

【问题讨论】:

    标签: javascript debugging npm webpack


    【解决方案1】:

    如果将此行添加到webpack.config 文件中,您可以在浏览器中轻松调试:

      devtool: "inline-source-map"
    

    然后在开发模式下运行脚本:

    --mode development
    

    然后,如果你在你的 npm 包中设置 debugger 关键字并在你的主项目中运行它,你将看到完整的代码:

    如果您想了解更多信息,我发现了另一篇关于该主题的非常好的文章 https://blog.jakoblind.no/debug-webpack-app-browser/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-12-19
      • 2017-09-17
      • 2021-05-26
      • 2016-01-20
      • 2016-12-31
      • 1970-01-01
      • 2018-01-01
      • 2020-06-01
      相关资源
      最近更新 更多