chrome devtools中的ES6导入

Question

有人知道如何在webpack应用程序的chrome devtools中查看es6导入吗？例如。 import {map} from 'lodash'，在devtools中，我们可以在任何断点获得Uncaught ReferenceError: map is not defined。这可能不是特定于webpack的。

我已经尝试过调整源地图，但从未能够正常工作。探索Angular（2+）和React应用程序，类似的体验。

以最少的复制步骤：任何人都可以使用angular cli或create-react-app cli工具轻松复制此文件-创建一个空项目并开始调试-检查导入。但是，任何使用ES6导入的javascript Web应用程序都应该这样做-即。如果您有网络应用，并且可以看到已定义的导入，请发表评论。

例如，在create-react-app快速入门https://github.com/facebook/create-react-app中，只需运行：

npx create-react-app my-app
cd my-app
npm start

打开chrome devtools，打开app.js，在render中插入一个断点，然后尝试检查React。

在引用上面的lodash时，lodash是npm依赖项的简单示例，安装在npm install lodash上。