查看原始ES6源文件在浏览器之后在浏览器中遇到麻烦

我使用SystemJS和Babel作为转换器来学习如何在浏览器上从ES6生成ES5代码。当我尝试使用Chrome开发工具查看源代码时，我看到了ES5代码，而不是我原来的ES6代码。我使用的是默认babelOptions在我SystemJS config.js，就像这样：查看原始ES6源文件在浏览器之后在浏览器中遇到麻烦

System.config({ 
    "transpiler": "babel", 
    "babelOptions": { 
    "optional": [ 
     "runtime" 
    ] 
    }, 
    ...

我可以看到生成的JavaScript的底部与形式插入内嵌源地图：

//# sourceMappingURL=data:application/json;base64,...

不应该Chrome解释该行并向我展示ES6代码而不是ES5代码？我误解了这样的内联源地图应该如何工作？（我在Chrome 43.0.2357.65和45.0.2411.0上试过这个，我也试过在Firefox 38.01上失败，我运行的是Mac OS X 10.10.2。）任何帮助，将不胜感激。

来源

2015-05-25 ntilwalli

在哪个面板中查看源代码？在网络面板中，它应该只显示ES6源，因为这是通过网络加载的。在源面板应该有它加载路径下的2个文件：

正如你所看到的，systemjs动态transpiled的login.js并把它命名为login.js transpiled！

来源

2016-01-31 10:36:41

查看原始ES6源文件在浏览器之后在浏览器中遇到麻烦

回答

相关问题