したがって、私のアプリケーションでは連結された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で検索する必要があるため理想的ではありません。(ただし、ブレークポイントがモジュール自体の内部で発生するのではなく、そして速くデバッグする。デバッガ以下
、これは私がブレークポイントまでを期待するところであるファイルの連結admin.bundle.jsの内部機能に停止しています起こる:(
誰もWebpackとGulでこの問題に遭遇するp? admin.bundleの一部とマップファイルの