2016-03-31 22 views
3

したがって、私のアプリケーションでは連結されたadmin.bundle.jsファイルが実行されています。私はモジュールを管理するためのWebPACKを使用して、その後、sourcemapコードを実行し、その後、私のWebPACKの設定をインポートするgulp-webpackを使用しています:Gulpからソースマップが生成され、正常に動作しません

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')); 
}); 

マイWebPACKの設定

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" } 
     ] 
    } 
}; 

をするとき、私に問題がありますChromeDevツールでアプリをテストすると、個々のアプリモジュールのブレークポイントは機能しません。それらは、私がadmin.bundle.jsのソースを見るときにのみ動作します。これは、コード内の特定の行をgotoで検索する必要があるため理想的ではありません。(ただし、ブレークポイントがモジュール自体の内部で発生するのではなく、そして速くデバッグする。デバッガ以下

が tagsDirective.jsモジュールがあり enter image description here

、これは私がブレークポイントまでを期待するところであるファイルの連結admin.bundle.jsの内部機能に停止しています起こる:( enter image description here

誰もWebpackとGulでこの問題に遭遇するp? admin.bundleの一部とマップファイルの

スクリーンショット: enter image description here

答えて

0

ああはそれを考え出したが、私は戻ってのWebPACKにsourcemap生成コードを移動し、ガルプのうち:

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')); 
}); 
関連する問題