Debugowanie kodu babel'a pakowanego przez webpacka.

Cześć,
Trafiłem do projektu w którym jedna z rzeczy mnie denerwuje. Piszemy kod w es6 kompilowanego do es5 przez babela. Do tego webpack ładuje wszystko do jednego pliku. Niestety w chromowych dev toolsach w debuggerze, kiedy wejde do ktoregos z plikow, jest on widoczny jako przekompilowany do es5. Czy da sie go posiadac w debugerze jako es6?

Próbowałem użyć https://www.npmjs.com/package/babel-plugin-source-map-support-for-6, według instrukcji wszystko miało się stać automagicznie. A się nie dzieje...

Nie jestem za mocny z source map.

Pozdrawiam

Coś jest źle.

Wklej tu swoją konfigurację to będzie w co w ogóle patrzeć.

Bo "u mnie działa", ale to chyba Cię nie ratuje, nie?

Dodaj cos takiego na końcu konfiga webpacka:

module.exports = {
    entry: {
        bundle: './app/app.js',
        'test-bundle': './test/test.js'
    },
    output: {
        path: __dirname,
        filename: '[name].js'
    },
    module: {
        loaders: [
            {
                test: /.jsx?$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
                query: {
                    presets: ['es2015', 'react']
                }
            },
            {
                test: /.json$/,
                loader: 'json-loader',
                exclude: /node_modules/
            }
        ]
    },
    devtool: 'source-map' // <- tutaj
};

Ewentualnie jak nie mozesz/chcesz zmieniac nic w konfiguracji, to odpal wepacka w taki sposob i uzyskasz taki efekt jak chcesz:

webpack --devtool source-map