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

Question

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

我可以使用Chrome和debugger; derecitve调试JS代码。它在这种路径下显示正确映射的文件＆＃34; webpack：///./Scripts/"。这意味着WebPack正确创建映射。但是我想使用Call Stack，断点等直接从VS调试。

有什么想法吗？

提前致谢！

Answer 1

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