浏览器的Javascript源转换导入模块名

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。