react integration but unable to place breakpoint in browser console at correct location

[ChandraKantPaliwal]

Hi. I am using generator-gulp-angular in my projects and it's awesome! with es6 angular code but i am going to integrate React JSX template in my project with ES6 code and i have configure it with

module: {
      preLoaders: [{
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'eslint-loader'
      }],
      loaders: [{
        test: /\.js$/,
        exclude: /node_modules/,
        loaders: ['ng-annotate', 'babel-loader?presets[]=es2015']
      }, {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel',
        query: {
          presets: ['react', 'es2015', 'stage-0']
        }
      }]
    }

then also it works fine but after implementing this configuration in the browser debugger does not works properly when put any breakpoint in js code then breakpoint goes some at different location randomly like 50-60 line below.

Could you help me ?