Проблема с просмотром исходного кода ES6 в браузере после транспиляции с Babel

Все, я использую SystemJS с Babel в качестве транспилятора, чтобы научиться генерировать код ES5 из ES6 в своем браузере. Когда я пытаюсь просмотреть исходный код с помощью Chrome Dev Tools, я вижу код ES5, а не исходный код ES6. Я использую babelOptions по умолчанию в моем SystemJS config.js, например:

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.) Буду признателен за любую помощь.


javascript google-chrome babeljs source-maps systemjs
person ntilwalli    schedule 25.05.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

В какой панели вы просматриваете источник? На сетевой панели должен отображаться только источник ES6, поскольку именно он загружается по сети. В панели Sources должно быть 2 файла по пути загрузки:

введите здесь описание изображения

Как видите, systemjs динамически транспилировал файл login.js и назвал его login.js!transpiled.

person Frank van Luijn    schedule 31.01.2016