Отлаживая с webpack, ES6 и Babel

Это походит на что-то, что должно было быть относительно просто достигнуть, но увы.

У меня есть класс ES6:

'use strict';

export class BaseModel {  
    constructor(options) {
        console.log(options);
    }
};

и корневой модуль, который использует его:

'use strict';

import {BaseModel} from './base/model.js';

export let init = function init() {
    console.log('In Bundle');
    new BaseModel({a: 30});    
};

Моя цель:

1. вышеупомянутое передачи через Babel, для получения кода ES5
2. упакуйте модули webpack
3. смогите отладить результат

После некоторой пробной версии это - конфигурация webpack, которую я имею:

{
    entry: {
        app: PATH.resolve(__dirname, 'src/bundle.js'),
    },
    output: {
        path: PATH.resolve(__dirname, 'public/js'),
        filename: 'bundle.js'
    },        
    devtool: 'inline-source-map',
    module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel'
            }
        ]        
    }
}

Это, кажется, работает до степени.

Так, я могу сделать это:

Я могу нажать F11 и ввести код, но я не могу оценить BaseModel:

какой вид поражений цель (или одна из целей) отладки.

Я попытался добавить source-map-loader в различном порядке с babel-loader:

{
    test: /\.js$/,
    loader: "source-map-loader"
}

напрасно.

Примечание 1 стороны: если я отказываюсь от webpack и просто компилирую мои модули с исходными картами через Babel в, скажем, System.js:

babel src/ --out-dir public/js/ --debug --source-maps inline --modules system

• все работы правильно.

Примечание 2 стороны: это ?sourceMaps=true кажется, не делает ничего вообще, с тех пор, если я удаляю исходную конфигурацию карты из webpack - никакие исходные карты не сохраняются/генерируются вообще. Можно было бы ожидать, что начальная буква, Произведенная из столпотворения, исходные карты, будет сохранена в получающихся файлах. Нет.

Любые предложения значительно ценились бы