Relative paths in source maps

I’m trying to switch from jsx-loader. My webpack.config.js is like this:

module.exports = {
  entry: './src/javascript/main.jsx',
  output: {
    devtoolModuleFilenameTemplate: '[resource-path]',
    path: './public/js/',
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      { test: /\.jsx$/, loaders: ['jsx'] }
    ]
  }
};

This will produce relative paths in source maps.

{
  sources: ["./src/javascript/main.jsx"]
}

If I use babel-loader with the same config, it will produce absolute paths.

{
  sources: ["/full/path/src/javascript/main.jsx"]
}

Are there any methods to solve this problem?

[dizel3d]

Invalid absolute resource paths are the reason. babel-core@6.18.2 webpack@2.1.0-beta.27

[hiradyazdan]

@byelims you probably need to check whether in your .babelrc your babel presets for production env is different (e.g. if using react it’s not react-hmre) than your development.