javascript - Chrome Javascript Sources 转换导入模块名称

Question

在我的原始源代码中，我有

import myconst from '../utils/constants';
case myconst.XYZ:

但是，在 Chrome Javascript 源代码中，我看到相同的转换结果

case _myAppUtilsConstants['default'].XYZ:

它还为导入的模块定义了(...)

是否有一些设置可以阻止这种转换？

Answer 1

浏览器当前不支持 ES2016，因此您使用像 Babel 这样的转译器将 ES2016 代码转换为 ES5 代码。您在 Chrome 中看到的是生成的 ES5 代码。

您可以使用source maps告诉 Chrome 您的原始代码与 Chrome 中运行的代码有何关联。

例如，Babel 有一个 sourceMaps option和Webpack也可以generate a source map .

其工作原理具体取决于您用于转译 ES6 代码的设置。

您可能需要enable source maps in Chrome首先。