部署后的 Webpack 包和源 React 文件

Question

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

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

Answer 1

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