Gulp'ten üretilen Sourcemap, beklendiği gibi çalışmıyor

Question

Uygulamam, birleştirilmiş admin.bundle.js dosyasını çalıştırıyor. ne zaman sorunudur

gulp.task('webpack', function() { 
    return gulp.src('entry.js') 
    .pipe(webpack(require('./webpack.config.js'))) 
    .pipe(sourcemaps.init()) 
    .pipe(sourcemaps.write('./')) 
    .pipe(gulp.dest('app/assets/js')); 
}); 

Benim WebPack yapılandırma

var webpack = require('webpack'); 

module.exports = { 
    entry: "./entry.js", 
    output: { 
     pathinfo: true, 
     path: __dirname, 
     filename: "admin.bundle.js" 
    }, 
    module: { 
     loaders: [ 
      { test: /\.css$/, loader: "style!css" } 
     ] 
    } 
}; 

: Ben modülleri yönetmek için WebPack kullanarak ve sonra benim webpack yapılandırma ithal etmek gulp-webpack kullanıyorum, sonra sourcemap kod çalıştırmasına Uygulamamı ChromeDev araçlarıyla test ediyorum, ayrı uygulama modüllerinde kesinti noktaları çalışmayacak. Sadece admin.bundle.js kaynağına baktığımda işe yaramıyorlar, bu sadece kodda belirli bir satır aramaya ihtiyacım olduğu için ideal değil: goto :(ve daha hızlı debug. ayıklayıcıya Aşağıda

tagsDirective.js modülü vardır

, bu şimdiye kırılma noktası bekliyoruz nerede dosya birleştirilmiş admin.bundle.js içinde bir fonksiyonu üzerine durduruldu gerçekleşir: (

Webpack ve Gul ile bu sorunla karşılaşan herkes p? admin.bundle parçası ve harita dosyasının

Ekran Görüntüsü:

Answer 1

Ah anladım, geri WebPack içine sourcemap nesil kodunu taşındı ve Gulp üzerinden:

var webpack = require('webpack'); 
var PROD = JSON.parse(process.env.PROD_DEV || '0'); 

module.exports = { 
    entry: "./entry.js", 
    devtool: "source-map", 
    output: { 
     devtoolLineToLine: true, 
     sourceMapFilename: "admin.bundle.js.map", 
     pathinfo: true, 
     path: __dirname, 
     filename: PROD ? "admin.bundle.min.js" : "admin.bundle.js" 
    }, 
    module: { 
     loaders: [ 
      { test: /\.css$/, loader: "style!css" } 
     ] 
    }, 
    plugins: PROD ? [ 
     new webpack.optimize.UglifyJsPlugin({minimize: true}) 
    ] : [] 
}; 

---

gulp.task('webpack', function() { 
    return gulp.src('entry.js') 
     .pipe(webpack(require('./webpack.config.js'))) 
     // .pipe(sourcemaps.init()) 
     // .pipe(sourcemaps.write('./')) 
     .pipe(gulp.dest('app/assets/js')); 
});