部署后的 Webpack 包和源 React 文件

Question

我有以下问题。部署 React 应用程序时，部署的是由 Webpack 生成的 .js 和 .css 包。但是，通过使用 Sources 选项卡下的 Chrome 开发工具，我可以看到所有源代码——开发过程中使用的每个文件。那么，问题是how is that possible and who is responsible for that？

此外，Chrome 调试器似乎对这些源文件存在一些问题，例如使用 F10 调试时跳行，无法识别监视窗口中的某些变量等。同时，在开发过程中本地一切正常。我怀疑第二个问题与第一个有关。我错过了什么吗？

Answer 1

Webpack 使用插件为开发工具“映射”你的 JS，你可以阅读更多关于它的信息here。