issue with webpack + ES6/babel and sourceMaps

[revolunet]

Hey!

When using transform-loader with babel looks like it breaks the source maps.

Here's my config :

loaders: [{
    test: /\.(js|es6|jsx)$/,
    exclude: /node_modules/,
    loaders: [
        'transform/cacheable?brfs',
        'babel'
    ]
}]

when transform enabled, chrome directs me to the ES5 transpiled code. if i comment the line, i have the correct sources in chrome.

any idea how to fix this ?

Thanks!

[revolunet]

(tried with devtool: 'eval-source-map', and every other option without luck)

[sokra]

This doesn't work for two reasons:

• brfs doesn't emit SourceMaps
• transform-loader doesn't support input SourceMaps (nested SourceMap)

[revolunet]

Thanks for the feedback ! so is there any way to fix this ?

when using browserify/brfs i think i had the sourcemaps working;

[sokra]

when using browserify/brfs i think i had the sourcemaps working;

I tried it again, but brfs doesn't emit a SourceMap. coffeeify does.

[revolunet]

ok thanks man!

[thaiat]

for a quick and dirty workaround: https://github.com/thaiat/webpack-babel-sourcemap

[steveinatorx]

@thaiat solution worked for me ! move babel to the first loader and add a query block with retainLines: true

module: {
    loaders: [{
      test: /\.js$/,
      loader: "babel",
      exclude: /node_modules/,
      include: __dirname,
      query: {
        retainLines: true,
        cacheDirectory: true
      }
    }]