瀏覽器的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。