javascript - Jak mít s webpackem čitelnější soubor bundle.js (sourcemap)?

Snažím se vytvořit svůj první projekt ve Webpacku a nemohu najít způsob, jak změnit číselné klíče, které představují moduly v mém výstupním souboru bundle.js, na popisný řetězec, aby bylo snazší je sledovat v debuggeru...

Zkoušel jsem output.chunkFilename a output.sourceMapFilename, ale bez úspěchu.

Takto vypadá můj úkol v gulp:

gulp.task('webpack', function (done) {
webpack({
    entry: {
        app: paths.src + "/main.js",
        vendor: ['react/addons', 'lodash']
    },
    output: {
        path: paths.dist,
        filename: "bundle.js",
        sourceMapFilename: '[file].js'
    },
    plugins: [
        new webpack.optimize.CommonsChunkPlugin("vendor", 'vendor.bundle.js', Infinity)
    ]
}, function onWebpackComplete(err, stats) {
    if (err) throw new gutil.PluginError("webpack", err);
    done();
});
});

Je to vůbec možné? Používám to špatně? Existuje lepší způsob?

Díky!

Odpověď č. 1

Ve svém souboru webpack.config.js přidejte exports.output.pathinfo=true