在与 WebPack 捆绑的 Visual Studio 中调试 JavaScript 代码

Question

我是 JS 开发新手，在 Visual Studio 2013 中调试 JS 代码时遇到问题。WebPack 将 Web 应用程序的 JS 部分捆绑到单个 app.bundle.js 文件中，该文件会在每次任何 js 时自动更新文件更改（我们使用使用 npm 的特殊监视脚本）。

我能够使用 Chrome 和 debugger; derecitve 调试 JS 代码。它在这种路径“webpack:///./Scripts/”下显示正确映射的文件。这意味着 WebPack 正确地创建了映射。但我想直接从 VS 使用调用堆栈、断点等进行调试。

有什么想法吗？

提前致谢！

Answer 1

调试 webpack 捆绑 Visual Studio 存在一系列问题。根据你的 webpack 配置和依赖版本，这个 Webpack plugin 可能适合你。请务必查看在哪里可以看到正在进行的对话的问题。如果您正在使用 Babel / ES2015+ 做任何事情，您可能需要升级到 Visual Studio 2015 以获得语法支持。