javascript - 在与 WebPack 捆绑在一起的 Visual Studio 中调试 JavaScript 代码

Question

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

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

有什么想法吗？

提前致谢!

Answer 1

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